:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#535277;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}:root{--font-size-large: 24px;--font-size-medium: 18px;--font-size-small: 14px;--font-size-extra-small: 10px;--font-size-extra-large: 5rem;--font-size-super-large: 10rem}#root{max-width:100%;margin:0 auto;padding:1rem;text-align:center}.locationInfo{padding:0}.location{font-size:var(--font-size-large);padding:0}.dateTime{font-size:var(--font-size-small);margin-top:-20px;color:#ffffff80}.typeIcon{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:.5rem;padding-bottom:0;font-size:var(--font-size-large)}.mainInfo{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:0;margin:0;text-align:center}.mainInfo .currentWeather{font-size:var(--font-size-super-large);padding:0;margin:0;font-weight:300;line-height:1;position:relative}.mainInfo .degree{font-size:var(--font-size-extra-large);padding:0;margin:0;font-weight:300;align-self:flex-start;position:relative;top:-.5rem}.H,.L{color:#ffffff80;font-size:var(--font-size-small);margin:1rem 0 1.5rem}.border{border-radius:.5rem;background-image:linear-gradient(to bottom right,#595cffbf,#c6dbffbf);padding:1rem}.weekView{display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;padding:.25rem;border-radius:5px}.hourView{text-align:center;padding:0 10px;margin:2px;border-radius:5px}.hourViewTime{margin:1px 0 3px;font-weight:700;font-size:var(--font-size-medium)}.time{display:flex;align-items:center;justify-content:center}.ampm{font-size:var(--font-size-extra-small);margin:1px;padding:0;justify-content:flex-end}.hourViewNum{margin:1px 0 2px;font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center;font-size:var(--font-size-medium)}.hourView span{margin:2px 0 1px;display:block;font-size:var(--font-size-large)}