*{margin:0;padding:0}html{font-size:16pt}:root{--text-shadow:1px 1px 2px #1e1e1e,-1px -1px 2px #1e1e1e,0px 1px 2px #1e1e1e,1px 0px 2px #1e1e1e}.container{background-color:#1e1e1e;bottom:0;left:0;position:fixed;right:0;top:0}header{align-items:center;background-color:#3f3f3f;background:linear-gradient(180deg,#3f3f3f 0,#333 99%,#2e2e2e);border-radius:1em 1em 0 0;color:#dcedfe;display:flex;height:10vh;justify-content:center;text-shadow:1px 1px 2px #1e1e1e,-1px -1px 2px #1e1e1e,0 1px 2px #1e1e1e,1px 0 2px #1e1e1e;text-shadow:var(--text-shadow);width:100vw}header div{font-size:1.5em;font-weight:700;position:relative}header div a{height:1.5em;line-height:1.5em;position:relative}header div a img{height:100%;margin-left:.5em;position:absolute}section{grid-gap:2em;align-items:center;background-color:#333;background:linear-gradient(180deg,#3f3f3f 0,#333 99%,#2e2e2e);background-image:url(/static/media/storm.badf1f2bee9d1fb8a3ab.webp);background-position:50% top;background-repeat:no-repeat;background-size:cover;color:#dcedfe;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;height:60vh;justify-items:center;padding:1em;text-shadow:1px 1px 2px #1e1e1e,-1px -1px 2px #1e1e1e,0 1px 2px #1e1e1e,1px 0 2px #1e1e1e;text-shadow:var(--text-shadow);width:calc(100vw - 2em)}footer{background-color:#3f3f3f;background:linear-gradient(180deg,#3f3f3f 0,#333 99%,#2e2e2e);border-radius:0 0 1em 1em;height:30vh;width:100vw}video{height:inherit;width:inherit}article{background:linear-gradient(180deg,#3f3f3f 0,#333 99%,#2e2e2e);border:2px solid #1e1e1e;border-radius:1em;height:100%;mix-blend-mode:multiply;overflow:hidden;padding:0;position:relative;text-align:center;width:100%}article:hover{background:linear-gradient(180deg,#575757 0,#353535 99%,#4b4b4b)}article span{font-size:1.1em;font-weight:700}.article__weather-image{background:url(/static/media/sun.e88b25e6fd47d1642f29.png) no-repeat;background-blend-mode:soft-light;background-position:top;background-size:cover;display:block;height:calc(100% - 4px);padding:0;width:inherit}.loading{height:16px;left:50%;top:50%;width:16px}.darken,.loading{bottom:0;display:none;margin:0;padding:0;position:fixed;right:0}.darken{background-color:#1e1e1e;height:100vh;left:0;opacity:.5;top:0;width:100vw}.spinner{animation:spin 1.5s linear infinite;border:12px solid #ffffff80;border-radius:5em;border-top-color:#fff;height:96px;margin:0;padding:0;width:96px}.article__weather-wind-deg{position:relative}.fill-water-drop{position:absolute;right:25px;text-align:center;top:-50px}.temperature-text{font-size:x-large;font-weight:700;position:absolute;right:.8em;top:1.5em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:640px){.temperature-text{font-size:1em;position:relative}p[class*=article__weather]{font-size:.5rem}}@media screen and (min-width:320px){section{grid-template-columns:1fr 1fr;grid-template-rows:1fr}html{font-size:.5rem}}@media screen and (min-width:480px){section{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}}@media screen and (min-width:1024px){section{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr}}@media screen and (min-height:320px){html{font-size:.5rem}}@media screen and (min-height:480px){html{font-size:1rem}}@media screen and (min-height:900px){html{font-size:1.5rem}}@media screen and (min-height:1280px){html{font-size:2.5rem}}@media screen and (min-height:1600px){html{font-size:3rem}}