body,html{height:20%}body{background:#510e40;background:radial-gradient(ellipse at center,#0a2e38 0,#000 70%);background-size:20%}p{margin:40;padding:40}#clock{font-family:Share Tech Mono,monospace;color:#fff;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#6e1857;text-shadow:0 0 20px #0aafe6,0 0 20px rgba(10,175,230,0)}.time{letter-spacing:.05em;font-size:40px;padding:5px 0}.date{font-size:30px}.date,.text{letter-spacing:.1em}.text{font-size:12px;padding:20px 0 0}.offline{background:red;letter-spacing:.1em;font-size:30px;padding:15px 100px 15px;animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;padding:0;margin:0}a:visited,body{color:#2c3e50}.button,other{display:flex;align-items:center;justify-content:center;width:5em;height:2em;margin:.5em;border-radius:5px;background:linear-gradient(90deg,#16c0b0,#84cf6a);font-size:1em;color:#fff;border:none;outline:none}form{align-items:center;flex-direction:column;margin-bottom:2em}form p{color:red}input{display:block;box-sizing:border-box;width:100%;height:2.6em;padding:.5em;margin-bottom:1em;font:1em Avenir,Helvetica,sans-serif}h1{margin-top:0}.copy{font-size:10px}.page{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:calc(100vh - 56px)}