*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;overflow:hidden;background:#010101}#root{overflow:hidden}body{font-family:cursive}.main{position:absolute;top:0;left:0;width:100%;color:#fff;height:100%}.main>.code{position:absolute;right:3vw;margin-right:-60px;width:640px;max-width:80%;height:100%;display:flex;align-items:center;justify-content:center}.mobile-counter-main{position:absolute;top:0;left:0;width:100%;color:#fff;height:100%}.mobile-counter-main>.counter{position:absolute;top:10px;right:30px;color:#fff;background:#394a52;border-radius:10px;box-shadow:0 16px 40px -5px #00000080;width:120px;height:130px;font-size:3em;z-index:100}.main>.code-container{position:relative;margin-bottom:-60px}.main>.code>.code-container>.counter{position:absolute;left:-30px;color:#fff;background:#394a52;padding:40px;border-radius:10px;box-shadow:0 16px 40px -5px #00000080;width:120px;height:140px;font-size:3em}.main>.code>.code-container>.counter>span{position:absolute;left:50%;top:50%;margin-top:-20px;transform:translate3d(-50%,-50%,0);font-family:cursive}.main>.code>.code-container>.counter>button{margin:20px 10px 10px;position:absolute;left:0;bottom:0;width:100px;border-radius:5px;border:solid 2px white;outline:none;background:transparent;color:#fff;cursor:pointer;font-size:x-large;font-family:cursive}.mobile-counter-main>.counter>span{position:absolute;left:50%;top:36%;transform:translate3d(-50%,-50%,0);font-family:cursive}.mobile-counter-main>.counter>button{position:absolute;left:10%;bottom:5%;width:100px;border-radius:5px;border:solid 2px white;outline:none;background:transparent;color:#fff;cursor:pointer;font-size:x-large;font-family:cursive;z-index:1000}span.header-left{font-weight:700;font-family:cursive;position:absolute;display:inline-block;color:#9b59b6;top:40px;left:40px;font-size:3em;color:#fff;line-height:1em}@media only screen and (max-width: 700px){span.header-left{font-size:1.5em}.main>.code{margin-right:-0px}.code-container>pre[class*=language-]{font-size:.6rem!important;border-radius:10px 10px 0 0!important}}.letter-container{box-sizing:border-box;color:#e4f0fb!important;text-shadow:0 1px rgba(0,0,0,.3)!important;font-family:Menlo,Monaco,Courier New,monospace!important;text-align:left!important;word-spacing:normal!important;word-break:normal!important;word-wrap:normal!important;line-height:1.5!important;-moz-tab-size:4!important;tab-size:4!important;-webkit-hyphens:none!important;hyphens:none!important;padding:60px 3.75em 3.75em;margin:-1.5em 0!important;overflow:auto!important;background:#252b37!important;display:inline-block;font-size:.8rem!important;border-radius:10px!important;box-shadow:0 16px 40px -5px #000;white-space:pre-wrap!important;height:350px;width:600px}.letter-text{font-size:20px;font-family:cursive}@media only screen and (max-width: 1132px){.letter-text{font-size:18px}.letter-container{height:250px}}@media only screen and (min-width: 1132px){.letter-container{height:300px}}@media only screen and (max-width: 900px){.letter-container{display:none}.main>.code{display:none}.mobile-counter-main>.counter{scale:.7}}@media only screen and (min-width: 900px){.mobile-counter-main>.counter{display:none}}code[class*=language-],pre[class*=language-]{color:#e4f0fb!important;background:none!important;text-shadow:0 1px rgba(0,0,0,.3)!important;font-family:Menlo,Monaco,Courier New,monospace!important;font-size:.95em!important;text-align:left!important;white-space:pre!important;word-spacing:normal!important;word-break:normal!important;word-wrap:normal!important;line-height:1.5!important;-moz-tab-size:4!important;-o-tab-size:4!important;tab-size:4!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important;hyphens:none!important}pre[class*=language-]{padding:3.75em!important;margin:-2.5em 0!important;overflow:auto!important;border-radius:.75em!important}:not(pre)>code[class*=language-],pre[class*=language-]{background:#252b37!important}:not(pre)>code[class*=language-]{padding:.1em!important;border-radius:.3em!important;white-space:normal!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#a6accd!important}.token.punctuation{color:#e4f0fb!important}.token.namespace{opacity:.7!important}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#e4f0fb!important}.token.boolean,.token.number,.token.selector,.token.attr-value,.token.string,.token.char,.token.builtin,.token.inserted{color:#5de4c7!important}.token.attr-name,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#add7ff!important}.token.atrule,.token.function,.token.class-name{color:#5de4c7!important}.token.keyword{color:#add7ff!important}.token.regex,.token.important{color:#fffac2!important}.token.important,.token.bold{font-weight:700!important}.token.italic{font-style:italic!important}.token.entity{cursor:help!important}