@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#fdffe7;color:#222;font-family:Cinzel Decorative,cursive;font-size:1.6rem;justify-content:center;min-height:100vh;padding:2rem}.app,body{align-items:center;display:flex}.app{border:2px solid #222;flex-direction:column;gap:2rem;margin:2rem;max-width:112rem;outline:2px solid #222;outline-offset:.8rem;padding:3rem 1rem;width:100%}h1{font-size:3.5rem;font-weight:400;letter-spacing:1px;word-spacing:3px}h1,h2{text-align:center}h2{font-size:2.2rem;margin-bottom:1.6rem}input{background-color:#fff;border:none;color:inherit;font-family:inherit;font-size:1.8rem;max-width:32rem;padding:1.2rem 2.4rem;width:100%}.weather{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;list-style:none;padding:0 1rem;width:100%}.day{align-items:center;background-color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.8rem;min-width:8rem;padding:1.2rem 0 1.6rem;width:10rem}.day span{font-size:3.5rem}.day.important{background-color:#e5ecc0;outline:2px solid #222}.loader{font-size:2rem;font-weight:700}@media (max-width:768px){.app{outline-offset:.5rem;padding:2rem .5rem}h1{font-size:2.8rem}.weather{gap:.8rem}.day{padding:.8rem 0 1.2rem;width:8rem}}@media (max-width:480px){body{font-size:1.4rem;padding:1rem}.app{border-width:1px;outline-width:1px}h1{font-size:2.2rem}input{font-size:1.6rem;padding:1rem 2rem}.day{font-size:1.4rem;width:7rem}.day span{font-size:2.8rem}}
/*# sourceMappingURL=main.a1cf092e.css.map*/