@import "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{color:#222;background-color:#eabfb9;justify-content:center;align-items:center;height:100vh;font-family:Cinzel Decorative,cursive;font-size:2rem;display:flex}.app{outline-offset:1.2rem;border:2px solid #222;outline:2px solid #222;flex-direction:column;align-items:center;gap:4rem;width:112rem;padding:6rem 0;display:flex}h1{letter-spacing:2px;word-spacing:5px;font-size:6rem;font-weight:400}h2{text-align:center;margin-bottom:2.4rem}input{color:inherit;background-color:#f0d2ce;border:none;width:32rem;padding:1.6rem 3.2rem;font-family:inherit;font-size:2rem}input:focus{outline:2px solid #222}.weather{gap:2.4rem;list-style:none;display:flex}.day{cursor:pointer;background-color:#f0d2ce;flex-direction:column;align-items:center;gap:1.2rem;width:12.8rem;padding:1.6rem 0 2rem;display:flex}.day span{font-size:5.2rem}.day.important{background-color:#ecc5c0;outline:2px solid #222}.loader{font-size:2.4rem;font-weight:700}