*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{background-color:#000833;font-family:Roboto,sans-serif;min-height:100dvh;display:grid;place-content:center}main{background:linear-gradient(to bottom,#333a6b,#020c2c);color:#fff;border-radius:2rem;padding:1rem;width:clamp(20rem,90vw,30rem)}.title{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.logo{width:3rem;height:3rem}.heading{display:flex;flex-grow:1}.upper-icons{display:flex;flex-grow:1;align-items:center;justify-content:center}.thermometer{width:3.2rem;height:3.2rem}.refresh{width:2rem;height:2rem;cursor:pointer}.locationTitle{font-size:1.8rem}.current{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.current .number{font-size:5rem;grid-row:1/-1;grid-column:1/2;align-self:center;justify-self:center}.weatherIcon{grid-column:2/3;grid-row:1/2;width:7rem;height:7rem;justify-self:center}.current p{grid-row:2/3;grid-column:2/3;justify-self:center}.followingDays{margin-top:2rem;border-radius:2rem;background:linear-gradient(to bottom,#333a6b,#020c2c);padding:1rem;display:flex;gap:.4rem;flex-direction:column;justify-content:space-evenly}.day{border:2px solid transparent;background:linear-gradient(#323971,#101223) padding-box,linear-gradient(to right,#4d5693,#16225a) border-box;border-radius:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;padding:.5rem}.icon{width:3.8rem;height:3.8rem;justify-self:center}.day>*{align-self:center}.tempBlock{display:flex;flex-direction:column;justify-self:center}.dayOfWeek{justify-self:center}.maxTemp{font-size:1.5rem}.minTemp{opacity:.3}