*{margin:0;padding:0}.mainContainer{background-image:url(https://www.itl.cat/pngfile/big/250-2506678_wallpaper-of-cloud-road-rain-background-hd-image.jpg);background-size:cover;flex-direction:column;gap:20px;height:720px;justify-content:center;width:100%}.mainContainer,.searchBar{align-items:center;display:flex}.searchBar{background-color:#fff;border-radius:30px;height:40px;width:70%}.searchInput{border:none;font-family:Josefin Sans,sans-serif;font-size:larger;height:30px;margin-left:20px;width:70%}.searchInput:focus{outline:none}.mainWrapper{align-items:center;background-color:rgba(114,138,160,.3);display:flex;gap:50px;height:300px;justify-content:center;width:50%}.btn{background-image:linear-gradient(hsla(0,0%,100%,.836),rgba(94,94,94,.7));border:none;border-radius:20px;font-family:Josefin Sans,sans-serif;font-size:18px;height:30px;width:200px}.btn:hover{cursor:pointer;transition:.5s;width:220px}.image{height:150px;object-fit:fill;width:80px}.cityName{color:azure;font-family:Open Sans,sans-serif;font-size:60px}.iconContainer{align-items:center;background-color:#707070;border:2px solid #919191;border-radius:50%;box-shadow:10px 10px 10px 10px grey;display:flex;height:100px;justify-content:center;object-fit:cover;width:100px}.leftTop{display:flex;flex-direction:row}.description{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-family:Open Sans,sans-serif;font-size:35px;font-variant:small-caps;max-width:200px}.leftSide{display:flex;flex-direction:column;gap:30px}.windSpeed{font-family:Open Sans,sans-serif;font-size:20px}.windIcon{height:50px;width:50px}.leftBottom{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center}.temperature{border-bottom:2px solid #363636;font-family:Open Sans,sans-serif;font-size:40px}.humidity,.tempMax,.tempMin{border-bottom:2px solid #363636;font-family:Open Sans,sans-serif;font-size:20px;padding-bottom:3px}.rightSide{border-left:2px solid #000;color:#000;padding:20px}.noCity{font-family:Open Sans,sans-serif;font-size:50px}.center{left:10%;position:relative;top:7%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#cloud{-webkit-animation:move 3s infinite;animation:move 3s infinite;background:#fff;border-radius:150px;box-shadow:10px 10px rgba(0,0,0,.2);height:100px;width:300px}#cloud:after{height:100px;left:50px;top:-50px;width:100px}#cloud:after,#cloud:before{background:#fff;border-radius:50%;content:"";position:absolute}#cloud:before{height:150px;right:40px;top:-90px;width:170px}@-webkit-keyframes move{0%{-webkit-transform:translatex(0);transform:translatex(0)}50%{-webkit-transform:translatex(-40px);transform:translatex(-40px)}}@keyframes move{0%{-webkit-transform:translatex(0);transform:translatex(0)}50%{-webkit-transform:translatex(-40px);transform:translatex(-40px)}}
/*# sourceMappingURL=main.d9f135c5.css.map*/