@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}.bg{background-position:50%;background-repeat:no-repeat;height:100%;object-fit:cover;opacity:.8;position:absolute;width:100%;z-index:-1}.body{align-items:center;color:#fff;display:flex;flex-direction:column;height:100dvh}.title{font-family:Poppins;font-size:1.7rem;margin-top:20px;text-align:center;text-shadow:1px 1px 5px #000}.container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(-45deg,rgba(36,0,128,.406),rgba(0,0,255,.151));border-radius:20px;box-shadow:0 0 20px 1px rgba(0,0,0,.714);font-family:Poppins,sans-serif;font-style:normal;font-weight:400;padding:40px 20px;position:relative;top:20px;width:min(450px,90%)}.input{align-items:center;display:flex;gap:25px;justify-content:center}.searchBar{border:none;border-radius:30px;color:#353535;font-size:20px;height:50px;outline:none;padding:5px 20px;transition:background-color .15s ease-in-out;width:max(300px,70%)}.searchBar:focus-visible{background-color:#ece9fd}.searchBtn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;transition:background-color .15s ease-in-out;width:51px}.searchBtn:hover{background-color:#ece9fd}.searchBtn img{height:25px}.error{display:none;font-size:18px;margin-top:30px;text-align:center}.wImage{height:200px;margin:20px 0}.mainInfo{align-items:center;display:none;flex-direction:column}.temp{font-family:Roboto;font-size:60px;font-weight:500}.city{font-size:40px;font-weight:400}.moreInfo{display:flex;gap:calc(50px + 1vw);justify-content:space-between;margin-top:20px}.icon{height:40px}.humidity,.wind{align-items:center;display:flex;gap:20px;justify-content:space-between}.humidityText,.windText{display:flex;flex-direction:column;font-weight:200}.humid,.wSpeed{font-size:calc(20px + 1vw);font-size:25px;font-weight:300}@media screen and (max-width:424px){.title{font-size:calc(20px + 1vw)}.humidity,.wind{flex-direction:column;gap:0;text-align:center}}@media screen and (max-width:474px){.searchBar{font-size:18px;width:min(300px,70%)}}
/*# sourceMappingURL=main.f3649fee.css.map*/