.buttonContainer{justify-self:stretch;align-self:stretch;padding:1em;display:flex;justify-content:space-between}@media(orientation: landscape){.buttonContainer{flex-direction:column-reverse;align-items:stretch}}.button{background:rgba(0,0,0,.3);border-radius:50%;border:none;padding:.75em;display:flex;align-items:center;font-size:1.4rem;font-size:min(6vmin, 1.4rem);cursor:pointer;position:relative;z-index:1}.button__icon{width:1.3em;height:1.3em}.button__icon--switch{position:absolute}.button__icon.hideable{transition:none}.button::after{position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.8);content:"";box-shadow:0 0 0 .15em #fff;border-radius:inherit;z-index:-1;transform:scale(0);transition:200ms ease-in}.button:focus{outline:none}.button:hover::after,.button:focus::after{transform:scale(1)}.button:active::after{opacity:0}.clock{justify-self:center;background:rgba(0,0,0,.8);border-radius:.2em;padding:.75em 1.25em;box-shadow:0 0 0 .5em rgba(0,0,0,.3);color:#fff;font-family:"Consolas";font-size:2rem;font-size:min(10vmin, 4rem);display:flex;flex-direction:column;align-items:center}.clock__time{font-family:"Digital-7";font-size:1.2em;position:relative;margin-top:.2em}.clock__time::before{content:"888,888,888";position:absolute;top:50%;transform:translate(0, -50%);opacity:.05}.info{position:absolute;top:0;left:0;bottom:0;right:0;display:none;align-items:center;justify-content:center;z-index:0}.info:target{display:flex}.info:target~.main *{display:none}.info__box{background:#000;color:#fff;max-height:70vh;max-width:70vw;margin:1em;overflow-y:auto;position:relative;background:rgba(0,0,0,.8);border-radius:.2em;padding:.5em 1.25em;box-shadow:0 0 0 1em rgba(0,0,0,.3)}.info__close{position:absolute;top:0;right:0}.info__close::after{position:absolute;height:2rem;width:2rem;top:0;right:0;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;content:"X";font-weight:700;font-size:1.5rem}.info__close::before{position:fixed;left:0;top:0;height:100vh;width:100vw;content:"";z-index:-1}html,body{height:100%;margin:0;font-family:"Consolas"}@font-face{font-family:"Digital-7";src:url(fonts/digital-7_mono.ae951a188b593952b38498cc14c75f76.ttf)}#background{height:100%;display:grid;grid-template-rows:100fr 1fr;align-items:center}@media(orientation: landscape){#background{grid-template-columns:100fr 1fr;grid-template-rows:1fr}}.hideable{transition:opacity ease-in 200ms}.hidden{opacity:0}