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 ;
}