@import url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap);*{box-sizing:border-box;font-family:Lilita One,sans-serif;margin:0;padding:0}html{font-size:62.5%}.container{align-items:center;background-image:linear-gradient(90deg,#f3b07c,#fcd283);display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.weather img{margin-top:-9rem}.weather-app{align-items:center;background-image:linear-gradient(0deg,#f3b07c,#fcd283);border-radius:3rem;box-shadow:-3rem 1rem 6rem #0000001a;height:65rem;padding:2rem;position:relative;width:35rem}.search,.weather-app{display:flex;flex-direction:column}.search{row-gap:1rem}.search-top{align-items:center;column-gap:1rem;display:flex}.search-top i{color:#2f2e57;font-size:2rem}.search-top div{color:#484569;font-size:1.6rem;letter-spacing:.1rem}.search-bar{position:relative}.search-bar input{background-color:initial;border:.2rem solid #676394;border-radius:3rem;color:#484569;font-size:1.6rem;height:3.5rem;outline:none;padding:1rem 3rem 1rem 1rem;width:25rem}.search-bar input::placeholder{color:#676394;font-size:1.4rem;letter-spacing:.1rem}.search-bar input:focus::placeholder{color:#0000}.search-bar i{color:#2f2e57;cursor:pointer;font-size:1.5rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.loader{margin-top:10rem;width:5rem}.not-found{color:#484569;font-size:3rem;margin-top:5rem;text-shadow:-.3rem .5rem 1rem #0003}.weather-type{color:#484569;font-size:2rem;top:48%}.temp,.weather-type{left:50%;position:absolute;transform:translateX(-50%)}.temp{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-image:linear-gradient(90deg,#2f2e57,#605d80);font-size:9rem;text-shadow:.5rem .5rem 1rem #0003;top:55%}.weather-date{bottom:22%;color:#484569;font-size:1.6rem;position:absolute}.weather-data{bottom:2rem;column-gap:2rem;display:flex;padding:0 2rem;position:absolute;width:100%}.weather-data>div{align-items:center;background-color:#fff3;border-radius:1rem;display:flex;flex:1 1;flex-direction:column;padding:1rem;row-gap:1.5rem}.data-name{color:#605d80;font-size:1.6rem}.weather-data i{color:#fff;font-size:2rem;text-shadow:-.3rem .3rem .5rem #0000001a}.data{color:#2f2e57;font-size:2rem}
/*# sourceMappingURL=main.c99df2ed.css.map*/