:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:20px;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;text-align:center}#app{padding:1rem;height:100%;position:relative}.center{height:100%;display:flex;flex-direction:column;justify-content:center}.time{font-family:monospace;font-size:100px;font-weight:700}.date{font-size:40px}footer{position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.weather{display:flex;flex-direction:row;justify-content:space-evenly}.temp-high{color:#f08080;text-decoration:overline}.temp-low{color:#add8e6;text-decoration:underline}