body{background-color:#090a09;color:#ff7424;font-family:Barlow;margin:4px;overflow-x:hidden}a{color:#ff7424}.banner{background-color:#eee;color:#090a09}button{background-color:#090a09;border:1px solid #ff7424;box-shadow:1px 2px #ff7424;color:#ff7424;cursor:pointer;font-size:1.5rem;font-weight:700;transition-duration:100ms}button:hover{box-shadow:0 0 #ff7424;transform:translate(1px,2px)}.currcontainer{height:9.5rem;position:relative;width:100%}.currcontainer .data{background:linear-gradient(to left,#090a09 0%,#090a09 80%,transparent 90%,transparent 100%);display:inline-block;height:100%;line-height:1;overflow-x:hidden;position:absolute;right:0;width:50%}.currcontainer .graph{display:inline-block;height:100%;text-align:left;width:100%}.currcontainer .graphpast{display:inline-block;height:100%;width:60%}.dailycontainer{width:100%}.data>div{position:relative;top:50%;transform:translateY(-50%) translateX(0.1%)}.databox{font-size:2rem;font-weight:700;margin:0;padding:0}.databox div{display:inline-block;font-size:1rem;margin:0;padding:0}details{border:1px dotted #ff7424;cursor:pointer}h1{font-size:2.2rem}h2{font-size:1.2rem}h1,h2{font-weight:700;margin:0.4rem;white-space:nowrap}.hourly{width:700%}.hourlycontainer{overflow-x:auto;overscroll-behavior-x:none;scrollbar-width:none;width:100%;-webkit-overflow-scrolling:touch}.hourlycontainer .label{font-size:0.95rem;left:0;position:sticky}main{text-align:center}.menu{background-color:#11395c;list-style-type:none;margin:0;overflow:hidden;padding:0}.menu a{color:#eee;display:block;font-size:1.1em;font-weight:700;padding:0.6em 1em;text-align:center;text-decoration:none}.menu li{float:left}.menu a:hover,.menu a.curr{background-color:#164c79}.meteo{height:20vh;width:100%}summary{border:1px solid #ff7424}table,tr,td img{width:100%}td{text-align:center;width:50%}@media (orientation:landscape){.banner{transform:translateX(50%);width:50%}.currcontainer{left:25%;width:50%}.dailycontainer{transform:translateX(50%);width:50%}.hourly{width:100%}.meteo{transform:translateX(50%);width:50%}p{transform:translateX(50%);width:50%}table{transform:translateX(50%);width:50%}}