.weather{
    background-color: #1e202b;
}
.logo{
    width: 64px;
    height: 38px;
    margin-right: 10px;
}
small{
    color: #bfc1c8;
    font-size: x-small;
}
.navbar ul li a:hover{
    color: #0baddc !important;
    border: solid 2px #0baddc;
    padding: 6px 18px;
    border-radius: 50px;
}
.navbar ul li a.active{
    color: #0baddc !important;
    border: solid 2px #0baddc ;
    padding: 6px 18px ;
    border-radius: 50px;
}
.home{
    background-image: url(../images/banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
form > input{
    background-color: #1e202b !important;
    border: none !important;
}
form > input::placeholder{
    color: gray !important;
}
form > button{
    top: 8px;
    right: 5px ;
    bottom: 2px;
}
.today ,
.after-tomorrow{
    background-color: #2d303d ;
}
.today .forecast-header ,
.after-tomorrow .forecast-header{
    background-color: #323544;

}
.tomorrow{
    background-color: #222530 ;
}
.tomorrow .forecast-header{
    background-color: #262936;

}
.today sup{
    top: 5px;
}
.today .forecast-body .degree{
    font-size: 80px;
}
.footer{
    background-color: #262936;
}
.footer button{
    top: 5px;
    right: 5px ;
    bottom: 5px;
}
.footer input{
    background-color: #1e202b !important;
    border: none;
}
.footer input::placeholder{
    color:gray;
    padding-left: 5px;
}
.footer .social-links a {
    background-color: #1e202b;
    padding: 10px;
    margin: 5px;
}
.footer .social-links a.face , 
.footer .social-links a.pinterest {
    padding: 10px 15px;
}
.footer .social-links a:hover {
    background-color: #009ad8;
    color: white !important;
}