/* https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-pages/ */

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;600;700&display=swap');
        
        body{
            border-top:4px solid #ff034f;
            background-color: #23272f;
            color: white;
            font-family: 'League Spartan', sans-serif;
        }
        a{
            color:#ff034f;
        }
        .secondcolor{
            color:#ff034f;
            border:1px solid #ff034f;
        }
        h1, h2, h3, h4, h5{
            font-family: 'League Spartan', sans-serif;
            font-weight: 600;
            margin:0px;
        }
        .omago{
               
              font-family: 'League Spartan', sans-serif;
                font-weight: 600;
                margin: 0px;
                font-size: 1.75rem;
                     margin-top: -10px;
        }
        .main{
            position: relative;
            height: auto;
            width:100%;
           background-color: #23272f;
           color:white;
         /* border-left:2px dashed #383e49;
          border-right:2px dashed #383e49;*/
        }
        .head{
          /*  border-bottom:2px dashed #383e49; */
          
            height:70px;
            width:100%;
            display: flex;
            align-items: center;
            flex-direction: row;
            padding: 5px;
            justify-content: space-between;
        }
        .pos-logo{
             padding-left: 10px;
             border-left: 5px solid white;
             display: flex;
             flex-direction: column;
             height: 40px;
        }
        .logo{
            width: auto;
            height: 100px;
           /* border-radius: 50%;*/
            /*border:3px solid white;*/
            margin-right: 10px;

        } 
        .master-card{
            font-family: 'League Spartan', sans-serif;
            font-weight: 600;
            margin: 0px;
            font-size: 1.25rem;
         }
        .menu-top{
            width: calc(100% - 260px);
        }
        .nav-link{
            color: white;/*#7e8797;*/
        }
        .nav-link:hover{
            color: #ff034f;
        }
        .blog{
            padding-top: 15px;
            padding-bottom: 15px;
    /* border-top: 2px dashed #383e49; */
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            flex-wrap: wrap;
            align-content: space-between;
        }
        .first-content{
            height: 400px;
            width:100%;
        }
        .card{
            width: 18rem;
            background-color: #23272f;
            border:1px solid #23272f;
           color:white;
            margin-bottom:25px;
           box-shadow: 2px 0px 30px -11px rgba(0,0,0,0.67);
            -webkit-box-shadow: 2px 0px 30px -11px rgba(0,0,0,0.67);
            -moz-box-shadow: 2px 0px 30px -11px rgba(0,0,0,0.67);          
        }
        @keyframes carhover {
            from {border-bottom:0px solid #ff034f;}
            to {border-bottom:5px solid #ff034f;}
        }
        .card:hover{
           
          
            border-bottom:2px solid #ff034f;
        }
.linkcard{
            color:white;
            text-decoration:none;
}
        .footer-content{
            width:100%;
            height: 100px;
            background-color: #191b20;
            color:white;
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom:5px solid #ff034f;
        }
        .main-content{
            width: 100%;
            height: auto;
            min-height: 500px;
        }
        .hidden-mobile{
            display: inline;
        }
        .show-mobile{
            display: none;
        }
        .list-group{
            background-color: #191b20;
            color:white;
            border:1px solid #191b20;
            padding: 15px;
            border-radius: 15px;
        }
        .list-group-item{
            background-color: #191b20;
            color:white;
        }
            .first-step{
              width:49%;
            }
            .first-step-image{
              height:100%;
            }
#results-container > li{
         background-color: #343c4b6b;
    padding: 10px;
    border-radius: 10px;
}
#results-container > li > a{
        color:white;
       
        text-decoration: none;
}
#results-container > li > a:hover{
        color:white;
        border-bottom:1px solid #ff034f;
        text-decoration: none;
}
        @media (max-width : 770px) {
            .pos-logo{
             border-left: 0px solid white;
             display: flex;
             justify-content: center;
             flex-direction: column;
            }
            .first-step-image{
                        width:100%;
              height: auto;
            }
            .first-step{
              width:100%;
            }
            .hidden-mobile{
                display: none;
            }  
            .show-mobile{
                display: inline;
            }
            .blog{
                flex-direction: column;
                margin-bottom:20px;
            }
             .card{
                 width:100%;
                 margin-bottom:20px;
                }
        }
        ul {
            list-style-type: none;
        }