.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mx-10{margin:0 10px}.mx-20{margin:0 20px}.mx-30{margin:0 30px}.my-10{margin:10px 0}.my-20{margin:20px 0}.my-30{margin:30px 0}html,body{height:100%}body{background:#0d71b3;background:radial-gradient(ellipse at center,#144360,#000 70%);background-size:100%}p{margin:0;padding:0}#app{font-family:Share Tech Mono,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#daf6ff;text-shadow:0 0 20px #0aafe6,0 0 20px rgba(10,175,230,0)}#app .time{letter-spacing:.05em;font-size:80px;padding:5px 0}#app .date{letter-spacing:.1em;font-size:24px}#app .text{letter-spacing:.1em;font-size:12px;padding:20px 0 0}.clock{display:flex;flex-direction:row}.clock .formatter_area{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 10px}.clock .formatter_area .formatter{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:10px}.formatter select{background:#fff;color:#000;border:none;padding:2px 10px;font-size:16px;font-family:Share Tech Mono,monospace;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:5px}