#root{text-align:center}.windDirection{color:#fff;font-size:20pt;padding-bottom:10px}.windSpeed{color:#fff;font-size:20pt;padding-top:20px}.compass{display:block;width:300px;height:300px;border-radius:100%;box-shadow:0 0 10px #fff;text-shadow:1px 1px 1px white}.arrow{position:relative;width:300px;height:300px}.Clock{font-size:120pt;color:#6495ed;font-family:Madimi One;font-weight:400;position:absolute;top:0;left:0;right:0}.Clock.animate{animation:clock_slide 1.5s ease normal}@keyframes clock_slide{50%{filter:blur(5px);color:#3d9fe9}to{color:#6495ed;filter:blur(0)}}.Temp{font-size:60pt;color:#6495ed;font-family:cyber;position:absolute;bottom:50px;left:0;right:0}.Temp.animate{animation:temp_slide 1.5s ease normal}@keyframes temp_slide{50%{filter:blur(5px);color:#3d9fe9}to{color:#6495ed;filter:blur(0)}}@font-face{font-family:cyber;src:url(/fonts/Cyber.woff) format("woff"),url(/fonts/Cyber.ttf) format("truetype")}.madimi-one-regular{font-family:Madimi One,sans-serif;font-weight:400;font-style:normal}body{margin:0;display:flex;align-items:center;justify-content:center;height:100vh}.bb{position:absolute;bottom:2px;left:0;right:0;border-bottom:dashed red 2px}