@font-face{font-family:number;src:url(clock-number.f0c47848.ttf)}body,html{font-family:number;width:100vw;height:100vh;padding:0;margin:0;overflow:hidden;background-color:#000}body #main,html #main{background-color:#000;color:#fff;position:relative}body #main #menu,html #main #menu{height:0;width:100vw;overflow:hidden;position:absolute;top:0;left:0;z-index:1;text-align:center;background-color:#000;color:#fff}body #main #menu .menu-item,html #main #menu .menu-item{width:6em;max-width:90%;margin:0 auto;border-bottom:1px solid #333;color:#ccc;cursor:pointer}body #main #menu .menu-title,html #main #menu .menu-title{width:8em;border-bottom:2px solid #888;color:#fff;cursor:default}body #main #menu .menu-coffee,html #main #menu .menu-coffee{width:100%;max-width:100%;border-bottom:none}body #main #clock,html #main #clock{width:100vw;height:100vh;margin:0 auto;overflow:hidden;text-align:center}body #main #clock div,html #main #clock div{display:inline-block}body #main.more #clock .time-num,html #main.more #clock .time-num{position:relative}body #main.more #clock .time-num:before,html #main.more #clock .time-num:before{display:block;content:attr(data-content);position:absolute;opacity:.6;line-height:.8em;top:-.8em}body #main.more #clock #hour:before,html #main.more #clock #hour:before{width:200%;font-size:.2em;left:.1em;text-align:left}body #main.more #clock #minute:before,html #main.more #clock #minute:before{font-size:.4em;right:.1em;text-align:right}body #main.portrait #clock div,html #main.portrait #clock div{display:block;width:1em;margin:0 auto}body #main.portrait #clock #hour:before,html #main.portrait #clock #hour:before{width:100%}body #main.portrait #clock #minute:before,html #main.portrait #clock #minute:before{width:100%;top:-2.8em}body #main.portrait #clock .sep,html #main.portrait #clock .sep{border-bottom:2px solid #fff}body #main.normal-screen,html #main.normal-screen{transition:opacity 1s}body #main.normal-screen #menu,html #main.normal-screen #menu{transition:height .5s}body #main.normal-screen #menu .menu-title,html #main.normal-screen #menu .menu-title{transition:padding-top .5s}body #main.normal-screen #clock .sep,html #main.normal-screen #clock .sep{transition:opacity 1s}body #main.light,body #main.light #menu,html #main.light,html #main.light #menu{background-color:#fff;color:#000}body #main.light #menu .menu-item,html #main.light #menu .menu-item{border-bottom:1px solid #ddd;color:#888}body #main.light #menu .menu-title,html #main.light #menu .menu-title{width:8em;border-bottom:2px solid #ccc;color:#333}body #main.light #clock .sep,html #main.light #clock .sep{border-bottom:2px solid #000}