nav{
    background-color: #1E202B;
}
#searchInput, footer .inner input {
    padding: 12px 100px 12px 20px; 
    border-radius: 50px; 
    background-color: #1E202B ; 
    color: #fff; 
    border: none;
  
}
#searchInput::placeholder , footer .inner input::placeholder  {
    color: #BFC1C8; 
    opacity: 1; 
}
.btn-find{
   right: 5px;
   top: 50%;
  transform: translateY(-50%);
   padding: 8px 20px;
   cursor: pointer;
   border-radius: 50px;
   color: #fff;
   background-color: #009AD8;
   border: none;
}
#body {
  min-height: 100vh;
  background: 
    linear-gradient(to bottom, transparent 50%, #1E202B 50%),
    url(../images/banner.png)
    no-repeat;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;

}
.card-style{
    background-color: #323544;
    color: #fff;
}
.card-header-style{
    background-color: #2D303D;
}


.card-style-custom{
    background-color: #262936;
    color: #fff;
}
.card-header-style-custom{
    background-color: #222530;
}

.inner .card .sun-icon{
   width: 100px;
   height: auto;
}

.h1-style{
    font-size: 80px;
}

footer{
    background-color: #323544 ;
}

.social-icon i{
    color: #009AD8;
    font-size: 25px;
    background-color:#222530 ;
    cursor: pointer;

}

footer p{
     color: #BFC1C8; 
}