body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.clock{border:10px solid #000;border-radius:50%;height:200px;position:relative;width:200px}.hand{background:#000;height:6px;position:absolute;top:50%;transform:rotate(90deg);transform-origin:100%;width:50%}.second-hand{background:red;height:2px}.center-point{background:#000;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.binary-clock{background-color:#222;color:#fff;flex-direction:column;justify-content:center;min-height:100vh}.binary-clock,.time-section{align-items:center;display:flex}.time-section{margin:20px}.label{color:#248e81;font-size:1.2rem;font-weight:700;margin-right:20px;text-align:right;width:100px}.binary-row{display:flex}.bit{background-color:#333;border-radius:50%;box-shadow:0 0 10px #0000004d;height:30px;margin:5px;transition:background-color .3s,transform .3s;width:30px}.bit.on{background-color:#248e81;transform:scale(1.1)}.bit.off{background-color:#666}.binary-clock .back-arrow{background:none;border:none;color:#248e81;cursor:pointer;font-size:24px;left:20px;position:absolute;top:20px;transition:color .3s ease}.binary-clock .back-arrow:hover{color:#00e5ff}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
/*# sourceMappingURL=main.7bea7592.css.map*/