*{box-sizing:border-box;font-family:Ubuntu,sans-serif;margin:0;padding:0}html{font-size:62.5%}body,html{height:100vh}body{align-items:center;background-image:url(/app-clima/static/media/background-padrao.f39e9c28118e3378547c.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;padding:0 3rem}.card{background-color:#5c54ed;border-radius:1rem;box-shadow:0 3px 8px #0000003d;color:#fdfdfd;padding:4rem}.card h1{font-size:2.5rem;margin-bottom:2rem}.resetButton{color:#fdfdfd}.loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4}.loading p{font-size:5rem}.overlay{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:3}.formContainer{display:flex}.formContainer input{border:none;border-radius:.4rem;flex:1 1;padding:1.5rem}.formContainer button{background-color:#8dd0f5;border:none;border-radius:.4rem;color:#fdfdfd;cursor:pointer;margin-left:.8rem;min-width:5rem;padding:1rem}.errorContainer{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center;margin-top:3rem}.errorContainer .error{color:#fff;font-size:1.7rem;font-weight:700}.weatherData{border-top:.1rem solid #fff;margin-top:3rem;padding-top:3rem;text-align:center}.locationName{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:1.5rem}.locationName i{font-size:2rem}.country{height:2rem}.margin-span{margin:1rem}.currentTemp{font-size:4rem}.tempComtainer{display:flex;justify-content:space-between}.tempComtainer p{font-size:2.5rem}.descriptionContainer{align-items:center;display:flex;justify-content:center;margin:3rem 0}.descriptionContainer p{font-size:2.7rem;font-weight:700;text-transform:capitalize}.descriptionContainer img{height:7rem}.detailsContainer{align-items:center;display:flex;justify-content:center}.detailsContainer p{font-size:2.3rem}.detailsContainer .humidity{border-right:.1rem solid #fff;margin:1.5rem;padding:.6rem}.resetButton{background-color:#8dd0f5;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.6rem;padding:1rem}.locationOptions{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:5rem;max-width:35rem}.locationOptions .options{background-color:#8dd0f5;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.7rem;padding:1rem}
/*# sourceMappingURL=main.65a69a92.css.map*/