:root{--background: url(background-day.png);--dependent-color: #fff002}*{font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;color:#fff;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none}html,body{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#001c33}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#app{display:flex;flex-direction:column;align-items:center}body{margin:0;width:100vw;min-height:100vh;overflow-x:hidden;background-image:var(--background);background-size:cover;background-position:center}.panel{background:#00000073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:14px;padding:16px;border:0px;box-shadow:inset 0 0 2px #0000004d,inset 0 0 30px #2e2e2e5b,inset 0 0 8px #14141459}.clesius{font-size:small;vertical-align:middle}.general{display:flex;flex-direction:row;width:75%;align-self:center;justify-self:center}.general .forecasts{width:60%;justify-content:space-between;justify-items:center;align-items:center;display:flex;flex-direction:row;line-height:0px}.sub-data{width:75%;margin-top:40px;align-self:center;justify-self:center;height:fit-content;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px}.sub-data div{width:48%;height:300px}@media(max-width:1000px){.general{flex-direction:column;width:90%}.general .forecasts{width:100%;align-self:center}.general .today{width:100%;align-self:center;margin-right:0;margin-bottom:40px}.general .today div h1{font-size:40px}.sub-data{width:90%;flex-direction:column;height:740px}.sub-data div{width:100%;height:300px}.sub-data .wind{flex-direction:column;height:400px}.sub-data .wind .compass{height:90%;aspect-ratio:1;width:auto}}#owners-text{justify-self:center;margin-top:100px;text-align:center;font-size:smaller}.search-bar{display:flex;align-items:center;flex-direction:column;margin:20px 0 40px;min-width:50px;max-width:90%;justify-self:center}.search-bar ul{list-style:none;position:absolute;z-index:100;margin:100px 0 0;padding:0}.search-bar ul li{margin-top:5px;font-size:25px;border:white solid 2px;text-align:center;max-width:95vw}#search-bar-input{align-content:center;text-align:center;font-size:50px;font-weight:bolder;color:#ddd;max-width:800px;width:90vw}#search-bar-input::placeholder{color:#fff}.forecast-card{width:30%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.forecast-card img{width:70%;aspect-ratio:1}hr{width:90%}.wind{display:flex;justify-content:space-around}.wind>div{height:95%;align-content:center;justify-items:center;text-align:center}.wind .compass-holder{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.wind .compass-holder .middle{z-index:100;position:absolute;top:50%;left:50%;width:15px;height:15px;border-radius:50%;background-color:#fff;transform:translate(-50%,-50%)}.wind .compass{width:80%;aspect-ratio:1;height:auto;border-radius:50%;border:white solid 5px;display:flex;justify-content:center}.wind .compass .arrow{background-color:var(--dependent-color);align-self:center;height:50%;width:10px;transform-origin:bottom;transform:translateY(-50%)}.wind .compass .arrow .dial{background-color:var(--dependent-color);width:250%;aspect-ratio:1;height:auto;transform:translate(-30%,-90%);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.wind .compass .arrow .wind-dir-text{text-align:center;transform-origin:top;font-weight:700}.sub-data .astro{overflow:hidden;display:flex;justify-content:center;justify-items:center;padding-top:5%}.sub-data .astro .sun-path{border:0;border-top:solid 7px white;border-radius:50%;width:90%;height:150%;position:relative;display:flex;align-items:center;justify-content:space-between}.sub-data .astro .sun-path .sun-dial{width:30px;height:30px;background-color:var(--dependent-color);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sub-data .astro .sun-path .time{position:relative;height:fit-content;width:fit-content;margin-top:80px;text-wrap:nowrap}.sub-data .astro .sun-path .moon-phase{transform:translate(-50%,-150%);position:absolute;text-align:center;left:50%}@media(max-width:800px){.sub-data .astro .sun-path{height:100%;transform:translateY(15%)}}.devided-holder{width:75%;margin-top:40px;height:fit-content;align-self:center;justify-self:center}.devided-holder .devided{display:flex;flex-direction:column;align-items:stretch;overflow-x:auto;overflow-y:hidden;height:fit-content;border-bottom-right-radius:0;border-bottom-left-radius:0}.devided-holder .devided .data-nums{display:flex;flex-direction:row;justify-content:start;align-items:center;padding-left:0;margin-left:-5px}.devided-holder .devided .data-nums .data-num{width:10px;min-width:10px;flex-shrink:0;margin:0 20px;text-align:center;font-size:20px}.devided-holder .devided .data-cols{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:start}.devided-holder .devided .data-cols .data-col{width:20px;flex-shrink:0;background-color:#fff;border-radius:10px 10px 0 0;margin:50px 15px 20px}.devided-holder .devided .data-cols .data-col div{transform:translate(-10px,-30px);text-align:center;width:40px}@media(max-width:1000px){.devided-holder{width:90%}}@media(min-width:1630px){.devided-holder .devided .data-cols,.devided-holder .devided .data-nums{justify-content:center}}.devided::-webkit-scrollbar{height:8px}.devided::-webkit-scrollbar-track{background:#0003;border-radius:10px}.devided::-webkit-scrollbar-thumb{background:#fff6;border-radius:10px}.devided::-webkit-scrollbar-thumb:hover{background:#fff9}.today{justify-self:center;width:40%;justify-items:center;text-align:center;display:flex;flex-direction:row;padding-bottom:40px;margin-right:40px}.today div{width:50%;display:flex;flex-direction:column;justify-content:center}.today div *{margin:0}.today div img{width:70%;align-self:center;margin-bottom:-10px}.today div h1{margin:20px;font-size:50px}.today div h2{margin:5px}#impostor{margin:0;padding:0;top:0;min-width:100vw;min-height:100vh;background-color:#3c70dd;z-index:1000;display:flex;position:fixed;text-align:center;justify-content:center;align-items:center;font-size:10vw}#impostor .loading{background-image:url(loading.svg);background-position:center;background-size:contain;background-repeat:no-repeat;height:30vh;aspect-ratio:1;width:auto;z-index:1001;animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}