@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;src:url('fonts/OpenSans-VariableFont.ttf') format('truetype')}body{font-family:'Open Sans',sans-serif;background-color:#000;color:#fff;line-height:1.3;cursor:default}#time{font-size:25vw;color:#fff}#date{font-size:11vw;color:#ff0}#day{font-size:7vw;color:#00bfff}#temperature{color:red}#weather{color:orange}#weather-icon img{display:inline-block;width:5.2vw;vertical-align:baseline;position:relative;top:.8vw}button{background:0 0;border:0;color:#0f0;transition:transform .1s ease-out}button#ac-control{color:#0ff}.ac-and-light-controls{display:flex;flex:0 0 auto;align-items:flex-end;gap:.5rem}.top-right{position:fixed;top:1rem;right:1rem;z-index:1030;display:flex;align-items:center;gap:.25rem}body:fullscreen .top-right{display:none}.github-link,.settings-button{color:#d3d3d3;font-size:1rem;line-height:1;padding:.35rem .5rem}.github-link,.settings-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.github-link:active,.github-link:focus,.github-link:hover,.settings-button:active,.settings-button:focus,.settings-button:hover{color:#f0f0f0;text-decoration:none}.modal .btn-close{font-size:1.25rem}.setting-label{display:flex;align-items:center;gap:.35rem}.setting-label .form-label{margin-bottom:.5rem}.setting-info{color:#d3d3d3;font-size:1rem;line-height:1;padding:0 .25rem}button:active{transform:scale(.95)}#temperature,#weather,button{font-size:9vw}.transparent{color:transparent}