@import"https://fonts.googleapis.com/css2?family=Engagement&family=IM+Fell+English:ital@0;1&family=Ubuntu:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";div#root{grid-template-rows:80fr 10fr;display:flex;flex-direction:column;align-items:center;padding:5em;row-gap:1em}div#root>*{width:clamp(300px,50vw,600px)}h1{font-size:4em;color:purple;text-shadow:1px 1px 1px orangered,2px 2px 2px orangered;margin-bottom:1em;font-family:Righteous,sam-serif;letter-spacing:.2em}.icons{position:fixed;bottom:3em;right:3em;display:flex;flex-direction:column;justify-content:center;row-gap:3em;width:5em!important}.icons button{font-size:1.5em;display:grid;place-items:center;background-color:#800080b3}.icons button.active{color:#ff4500}.weather-card,.weather-error-card{background-color:#800080b3;padding:var(--pad);border-radius:var(--border-rad);width:fit-content}.weather-card button{padding:.5em;opacity:100%}.weather-card button:hover{color:#ff4500}.weather-error-card{color:var(--highlight-error)}.weather-card{min-width:300px;min-height:200px;display:grid;padding:var(--pad);row-gap:.5em;column-gap:.5em;grid-template-rows:1fr 1fr 1fr 1fr;align-items:center;position:relative;white-space:nowrap}.weather-card .top{display:grid;grid-template-columns:1fr 3fr 5fr 1fr;align-items:center}.weather-card .top .temp{font-size:2em;background-color:transparent}.weather-card .top .close{background-color:transparent;padding:0;font-size:1.5em;display:grid;align-items:center;position:absolute;right:.3em;top:.3em}.weather-card .icon{font-size:2em;display:grid;place-items:center;color:#ff4500}.weather-card .location{display:grid;font-size:1.2em;align-items:center}.weather-card .location .name{font-size:1.5em}.weather-card .info-row{display:grid;grid-template-columns:1fr 1fr 1fr}.weather-card .info-row button{font-size:1.2em}.weather-card .info-row>*{display:flex;flex-direction:column-reverse}.weather-card .info-row>*>.value{font-size:1.5em;padding:0;background-color:transparent}.weather-card .info-row>*>.name{font-size:.9em}.weather-card .forecast button{font-size:1.2em}.weather-card .forecast{display:grid;grid-template-columns:repeat(5,1fr)}.weather-card .forecast>*{display:flex;flex-direction:column-reverse}.weather-card .forecast>*>.value{font-size:1.2em;padding:0;background-color:transparent}.weather-card .forecast>*>.name{font-size:.9em}#settings{position:fixed;top:0;z-index:1;background-color:#000000bf;height:100vh;width:100vw!important}#settings-content{position:fixed;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(300px,50vw,600px);background-color:#800080b3;padding:var(--pad);border-radius:var(--border-rad)}#settings-content{display:flex;flex-direction:column;row-gap:1em;font-size:1.2em}#settings-content .close{position:absolute;right:.5em;top:.5em;background-color:transparent;padding:0}#settings-content a{background-color:#800080b3;padding:var(--pad);border-radius:var(--border-rad);display:grid;place-items:center;font-size:1.2em;cursor:pointer;color:#fff}#settings-content a:hover,#settings-content button:hover{color:#ff4500}#settings-content .title{font-size:3rem}#settings-content section{display:grid;grid-template-columns:1fr 1fr;row-gap:1em;align-items:center}:root{--bg-color: black;--button-color: #3b4252;--highlight-color-1: #5e81ac;--highlight-color-2: #ebcb8b;--highlight-error: #bf616a;--text-color: #eceff4;--footer-color: black;--border-rad: .2em;--pad: 1em}*{padding:0;margin:0}body{color:var(--text-color);text-align:center;font-family:Ubuntu,sans-serif;background-color:#add8e6;background-image:url(/light-bg.jpg);background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover}a{color:var(--highlight-color-1);text-decoration:none}button,input{outline-color:transparent;background-color:#800080b3;border:none;border-radius:var(--border-rad);padding:var(--pad);color:#fff;font-size:1em}input::placeholder{color:#fff;font:inherit}button{cursor:pointer}::-webkit-scrollbar{width:1rem;height:1rem}::-webkit-scrollbar-track{background:transparent;width:1rem}::-webkit-scrollbar-thumb{background:purple;border-radius:var(--border-rad)}::-webkit-scrollbar-thumb:hover{background:purple}::-webkit-scrollbar-thumb:active{background:orangered}