:root{--primary-color: #334F57;--secondary-color: #EDEBEB;--alternate-color: #000000;--transition: all .3s ease;--container: 90%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0;border:none;text-decoration:none;list-style:none}html,body{width:auto!important;overflow-x:hidden!important}body{font-family:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;font-weight:400;min-height:100vh;line-height:1.75;background-repeat:no-repeat;background-position:center;object-fit:cover;background-color:var(--alternate-color);background-image:linear-gradient(#0009,#0009),url(/assets/pexels-pixabay-459451-DW87xDXx.jpg)}@supports (background-image: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(./pexels-pixabay-459451.webp)){body{background-image:linear-gradient(#0009,#0009),url(/assets/pexels-pixabay-459451-BKIPDZZi.webp)}}img{width:3rem;height:auto;object-fit:cover;display:block}a{color:var(--secondary-color);transition:var(--transition);cursor:pointer}a:hover{color:var(--tertiary-color)}h1{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:lighter}h1,h2,p,dl,dd,dt,figcaption{color:var(--secondary-color)}main{width:var(--container);margin:0 auto}section{padding-top:3rem}header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;width:100%;gap:1rem;z-index:3}.logo{margin-left:1rem;display:flex;justify-content:center;align-items:center;gap:1rem}form{display:flex;align-items:center;margin-right:2rem}input[type=text]{width:10rem;height:2rem;padding:.5rem;background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);border-right:none;border-radius:5px 0 0 5px;outline:none}input[type=text]::placeholder{color:var(--secondary-color)}button{height:2rem;background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);border-left:none;border-radius:0 5px 5px 0;cursor:pointer;display:block;padding:0 .25rem}input[type=text]:focus{background-color:var(--secondary-color);color:var(--alternate-color)}input:focus~button{background-color:var(--secondary-color);color:var(--alternate-color)}section[id=info]{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1rem;place-items:center}figure[class=desc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1rem;place-items:center;margin-bottom:1rem}figure[class=desc] img{margin-bottom:1rem;width:3.5rem}figure[class=data]{display:grid;grid-template-columns:repeat(3,minmax(min-content,1fr));place-items:center;text-align:center;gap:2rem}figcaption{font-weight:700}dt{font-size:xx-large}h2{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:lighter}section[id=schedule]{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));place-items:center;gap:2rem}dl[class=forecast]{display:grid;grid-template-columns:repeat(2,minmax(min-content,1fr));align-items:center;gap:.5rem;margin:.5rem 0}dl[class=forecast] dt{font-size:1rem}.conditions{margin-top:.5rem}.sk-chase{width:2rem;height:2rem;margin:0 auto;text-align:center;position:relative;animation:sk-chase 2.5s infinite linear both}.hidden{visibility:hidden}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}.sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%,to{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}to,0%{transform:scale(1)}}@media screen and (max-width: 720px){figure[class=data]{grid-template-columns:minmax(min-content,1fr)}input[type=text]{width:5rem}}@media screen and (min-width: 720px){figure[class=data]{grid-template-columns:repeat(2,minmax(min-content,1fr))}}@media screen and (min-width: 820px){figure[class=data]{grid-template-columns:repeat(3,minmax(min-content,1fr))}}