*:after,*:before{box-sizing:border-box}body{margin:0;background-color:#000001;color:#39ff14;font-family:Nunito,sans-serif}.title{text-align:center;font-family:Nunito,sans-serif;font-weight:lighter;margin:.5rem;padding:.5rem;letter-spacing:.03rem}.blurred{filter:blur(4px);overflow:hidden}.header{display:flex;align-items:center}.header-left{display:flex;width:50%;align-items:center;justify-content:center;margin:.5rem;padding:.5rem;border-right:2px solid #39ff14}.weather-icon{width:40px;height:40px;object-fit:contain;filter:invert(63%) sepia(87%) saturate(696%) hue-rotate(60deg) brightness(108%) contrast(111%)}.weather-icon.large{width:80px;height:80px}.header-current-temp{font-size:2rem;margin-left:1rem}.header-right{display:grid;width:50%;justify-content:space-around;gap:.5rem;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto)}.info-group{display:flex;flex-direction:column;align-items:center}.label{text-transform:uppercase;font-weight:700;font-size:.6rem}.value-sub-info{font-weight:lighter;font-size:.75rem}.day-section{display:grid;grid-template-columns:repeat(auto-fit,75px);gap:.5rem;justify-content:center;padding:1rem}.day-card{display:flex;flex-direction:column;align-items:center;border:1px solid #39ff14;border-radius:.25rem;padding:.35rem}.day-card-day{font-size:.75rem;margin-top:.5rem}.hour-section{width:100%;text-align:center;border-spacing:0}.hour-row{background-color:#303030}.hour-row:nth-child(2n){background-color:#101010}.hour-row td{padding:.25rem .5rem}.footer{text-align:center;letter-spacing:.03rem}.footer a{text-decoration:none;color:#00f}.footer a:hover{cursor:pointer;transition:ease-in-out .3s;color:#39ff14}
