body{
    font-family: 'Montserrat', sans-serif;
    }
    h1,
    h2,
    h3,
    h4,
    h5{
        font-weight: 700;
        color:#66fcf1;
    }
    h3{
        font-size: 1.4rem;
    }
    
    a:hover {
        text-decoration: none;
    }
    body a{
        color: #66fcf1;
    }
    body a:hover 
    {
        text-decoration: none;
    }
    input{
        background-color: #1F2833 !important;
        color: #66fcf1 !important;
    
    }
    img{
        filter: grayscale(50%) brightness(0.8);
    }
    
    img.rounded-circle{
        filter: none;
    }
    
    /*Header*/
    
    .navbar{
        background: black !important;
        color: #66fcf1 !important; 
       
    }
    .navbar-brand, .footer-logo{
        font-weight: 700;
        font-size: 1.5rem;
    }
    
    .btn-main{
        background-color: #66fcf1 !important;
        color: black !important;
    }
    /*Hero*/
    .hero{
        background-color: #1F2833;
    }
    .hero-post{
        position: relative;
    }
     .hero-post-badges{
        position: absolute;
        top: 10px;
        right: 10px;
     }
    
     .hero-post-badges > a{ 
         display: block;
         background-color: black;
         color: #66fcf1;
         font-size: 0.8rem;     
     }
     .hero-post-content{
         position: absolute;
         bottom: 10px;
         color:#66fcf1;
    
     }
     .hero-post-content img{
         border: 1.7px solid  #d6c31b;
     }
    
      /*Main Block*/
    
      .blog-posts{
        background-color: #0B0C10;
        color: #C5C6C7;
    }
     
    .blog-post{
        background-color: #1F2833;
    }
    .blog-post img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .blog-post p{
        font-size: 0.9rem;
    
    }
    .blog-post h3{
        font-size: 1.4rem;
    }
    
    .blog-post .col-sm-8{
        border-left: 3px solid #66fcf1;
    }
    
    .badge{
        margin-top: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    
    .badge > a{
        margin-left: 0.5rem;
        padding: 0.5rem;
        background-color: #66fcf1;
        color: black;
    }
    /*Social Links*/
    
    .social-links{
        background-color: #66fcf1;
        color: black;
           font-size: 1.5rem;
    }
    .social-links>a{
        padding: top 2rem;
    }
    .secondary-color{
        background-color: #1F2833;
        color: #66fcf1
    }
    .aside-heading{
        border-left: 3px solid #66fcf1;
    }
    .author p{
        font-size: 0.9rem;
    }
    .author-social-links a{
        margin-left: 0.8rem;
    
    }
    .badges{
        margin-top: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    
    .badges > a{
        margin-left: 0.5rem;
        display: inline-block;
        margin: 0.2rem;
        padding: 0.5rem;
        background-color: #66fcf1;
        color: black;
    }
    
    /*Footer*/
    .footer{
        background-color: #1F2833;
        color: #C5C6C7;
    }
    .footer input{
        background-color: black !important;
    }
    .footer p{
        font-size: 0.9rem;
    }
    
    /*Detail Page*/
    
    .content{
        background-color: black;
        color: #C5C6C7;
    }
    .lol:hover{
        text-decoration: none;
    }
    
    audio{
        border: 0;
        background-color: #66fcf1 !important;
        color: #66fcf1 !important ;
    }