@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap";body{margin:0!important;line-height:1.25}h1,h2,h3,h4,h5,h6{margin:0}#app{width:100vw;height:100vh;font-family:Source Code Pro,monospace;background-color:#000}a{text-decoration:none;position:relative;display:inline-block}a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:transparent;transition:.1s all ease-in-out}a:hover:after{background-color:#ccc}p{margin:0 0 10px}ul{list-style:none;margin:0;padding:0}img{width:100%;object-fit:cover}.img-wrap{position:relative;display:flex;width:100%;height:100%}.filter{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000073}.content{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}.time-date{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.time{font-size:110px;border-bottom:2px solid #eee;width:max-content}.date{font-size:40px;margin:12px 0 0}.weather,.weather-error{position:absolute;top:14px;right:20px;text-align:right}.weather .temp,.weather-error .temp{font-size:70px}.weather .main-weather,.weather-error .main-weather{display:flex;justify-content:end}.weather .weather-icon,.weather-error .weather-icon{position:relative;bottom:5px;max-width:80px;margin-right:20px}.weather .description,.weather-error .description{position:relative;bottom:10px;margin-bottom:15px;padding-bottom:20px;border-bottom:1px solid #fff}.weather .city,.weather-error .city{font-style:italic}.copyright{position:absolute;bottom:14px;left:20px;margin-bottom:0}.label,.copyright,.copyright a,.location{font-size:14px;color:#ccc}.location{position:absolute;right:20px;bottom:14px;margin:0}.last-updated{margin-top:30px;color:#ccc;font-style:italic}.last-updated,.last-updated *{font-size:12px}