@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";body{margin:0;padding:0;overflow:hidden;width:100%;min-height:100vh;background-color:#000;font-family:"Roboto",sans-serif}*{box-sizing:border-box}#topbar{position:fixed;width:100%;background-color:rgba(0,0,0,.4);color:#fff;height:2.5rem;display:grid;grid-template-columns:repeat(3, 1fr);align-items:center;font-size:1.3rem;z-index:10}#topbar div{width:100%;padding:0 1rem}#topbar .time{text-align:center}#background{width:100%;height:100vh;position:fixed;top:0}#background div{width:100%;height:100%;position:absolute;animation:backgroundAnim 1s linear forwards;z-index:1}#background div.active{z-index:-1;opacity:1;animation:none}#background img{width:100%;height:100vh;object-fit:cover}@keyframes backgroundAnim{0%{opacity:1}100%{opacity:0}}#dash{position:fixed;bottom:.5rem;left:50%;transform:translate(-50%, 0);padding:.5rem;border-radius:1rem;box-sizing:content-box;width:fit-content;height:5rem;background-color:rgba(0,0,0,.4);z-index:10;display:flex;gap:.5rem}#dash a{background-color:rgba(255,255,255,.4);border-radius:1rem;transition:transform 100ms ease-out}#dash a:hover{transform:scale(1.1)}#dash a img{height:100%}/*# sourceMappingURL=style.css.map */