*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
}
body{
    background: linear-gradient(to right,#36d1dc,#5b86e5);
}
.container{
    background-color: white;
    border-radius: 10px;
    width:400px;
    margin:0 auto;
    margin-top:100px;
    padding-bottom: 50px;
}
.container .title{
    padding:10px 0;
    font-size: 40px;
    text-align: center;
}
.container .input{
    text-align: center;
    margin:10px 0;
}
.container #location-input{
    background-color: white;
    border:1.5px solid rgba(0,0,0,0.4);
    outline:none;
    height:38px;
    padding:8px 10px;
    width:60%;
    border-radius:5px 0 0 5px;
    font-size:16px;
}
.container #location-input:focus{
    box-shadow: 0px 0px 3px #015b7e;
}
.container .input #btn{
    width:20%;
    background-color: #015b7e;
    color:white;
    padding:7px 10px;
    font-size: 16px;
    outline:none;
    border:#015b7e;
    position:relative;
    left:-5px;
    border-radius:0 5px 5px 0;
    height:39px;
    cursor:pointer;
}
.container .input #btn:hover,.container .input #btn:actice{
    background-color:#015b71;
    box-shadow:0px 0px 2px #015b7e;
}
img{
    display:block;
    width:100px;
    margin:0 auto;
}
.info{
    color:#293251;
}
.temp{
    text-align:center;
    font-size: 50px;
    font-weight: 600;
}
#c{
    font-size:30px;
    margin-left:10px;
}
#weather-desc{
    font-size:25px;
    text-align:center;
    padding:8px;
    font-weight:600;
}
#location{
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}