@font-face{font-family:'digital-clock-font';src:url("digital.otf")}*{box-sizing:border-box;cursor:default;font-family:Arial,sans-serif;margin:0;padding:0}#container{background-color:black;color:white;height:100vh;width:100vw;display:grid;grid-template-columns:20% 30% 25% 25%;grid-template-rows:50% 25% 25%;grid-template-areas:"player time time time"
 "date date weather weather"
 "details details details details"}#container a{cursor:pointer}#container div{align-items:center;background-color:transparent;display:flex;justify-content:center}#container .player{grid-area:player}#container .player #pause{display:none}#container .player a{font-size:15vw;font-weight:700}#container .player audio{display:none}#container .time{font-family:'digital-clock-font';font-size:24vw;grid-area:time}#container .time span{font-family:'digital-clock-font';font-size:12vw;padding-left:2vw}#container .time#timebg{color:#111}#container .middle{font-size:10vh;border-bottom:1px solid #DDD;border-top:1px solid #DDD}#container .date{grid-area:date}#container .weather{grid-area:weather}#container .weather img{filter:invert(1);height:25vh;padding-right:3vw;width:25vh}#container #details{font-size:10vh;grid-area:details}

/*# sourceMappingURL=index.css.map */