html{background:#000}*,:after,:before{box-sizing:border-box;border-width:0;margin:0}html,body,#app{width:100%;height:100%}body{padding:0;overflow:hidden}#app{display:flex;flex-direction:column;justify-content:center;font-family:Segoe UI,Helvetica,sans-serif}#clock{z-index:1;position:relative;pointer-events:none}#hourhand{stroke-width:3px;stroke:#ffffffb3}#minutehand{stroke-width:2px;stroke:#ffffffbf}#secondhand{stroke-width:1px;stroke:#ba9e66cc}#circle{fill:transparent}#center{fill:#ba9e66;stroke:#fffc;stroke-width:2px}#ahoLink{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#ahoLink div{position:relative;height:100vw;max-height:100%;width:100%;display:block}#ahoLink span{position:absolute;text-align:center;inset:70% 0 auto 0;color:#ffffffe6;transform:translateY(-50%)}#ahoLink span#ahoDT{inset:30% 0 auto 0}#ahoLink #ahoDigital{font-size:2em}#ahoLink #ahoDate{font-size:1.5em;font-weight:200}#ahoLink a{color:#ba9e66;text-decoration:none}#f11{position:fixed;right:0;bottom:0;color:#ba9e66;padding:1em;cursor:pointer}