body{
    background:rgb(238, 234, 234);
  

}
.media{
    display: inline;
    width:100px;
    height:100px;
}
.label-city{
    font-size: 25px;
}
.jumbotron{
    background:linear-gradient(45deg,rgb(69, 69, 238),rgb(2, 66, 66));
    color:white;
}
.content{
    background:rgb(238, 234, 234);
}
.card{
    background:rgb(238, 234, 234);
    color:white;
    border:none;
    height:55vh;
    background-repeat:no-repeat;
  
    font-size: 15px;
    box-shadow: 
    
    inset 0 0 15px rgba(8, 41, 78, 0), 
    inset 0 0 20px rgba(255, 255, 255, 0), 
    10px 10px 14px rgba(0, 3, 12, 0.15), 
    -10px -10px 18px rgb(255, 255, 255), 
    inset 0px 0px 4px rgba(255, 255, 255, 0.2);
    border-radius: 20px;
}

.head{
    padding:3%;
    font-size:20px;
}
.card-body{

  /*  height:0px;*/
  padding:0px;
  
}
.weather-container{
    display: none;
    
}
.icon{
    width:100px;
    height: 70px;
    
}
.weather{
    font-size:20px;
}
.temp,.temp-out{
    font-size:20px;
    
    font-family:"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.fa-circle-o{
    font-size:10px;
}
.man{
    position: relative;
    height: 100px;
    
}
.links{
padding:3px;
}
footer{
    position: relative;
    padding-top :10% ;
    margin-top:4%;
    color:white;
    text-align: justify;
    background:linear-gradient(45deg,rgb(69, 69, 238),rgb(2, 66, 66));
}
.b{
    font-size:14px;
}
#foot>div>div>div>a{
	color:rgb(238, 234, 234);
	transition: .6s;

}
#foot>div>div>div>a:hover{
    text-decoration: none;
    text-shadow:0px 0px 1.5px #ffffff, 0px 0px 1.5px #ffffff;
}
/*
.img{
    position: absolute;
    width: 98%;
    height: 83%;
}*/
.temp2,.feels{
    
    font-size:15px;
}
.time{
    margin-top: 0px;
    padding: 0px;
    font-size:20px;
}
.date{
    padding-left: 10%;
}
.nav-item:hover{
    color: white;
}
.navbar{
    background:linear-gradient(45deg,rgb(69, 69, 238),rgb(2, 66, 66));
}