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}:root{--background:#282a36;--comment:#6272a4;--foreground:#f8f8f2;--selection:#44475a;--cyan:#8be9fd;--green:#50fa7b;--orange:#ffb86c;--pink:#ff79c6;--purple:#bd93f9;--red:#f55;--yellow:#f1fa8c;--background-30:#282a3633;--comment-30:#6272a433;--foreground-30:#f8f8f233;--selection-30:#44475a33;--cyan-30:#8be9fd33;--green-30:#50fa7b33;--orange-30:#ffb86c33;--pink-30:#ff79c633;--purple-30:#bd93f933;--red-30:#ff555533;--yellow-30:#f1fa8c33;--background-40:#282a3666;--comment-40:#6272a466;--foreground-40:#f8f8f266;--selection-40:#44475a66;--cyan-40:#8be9fd66;--green-40:#50fa7b66;--orange-40:#ffb86c66;--pink-40:#ff79c666;--purple-40:#bd93f966;--red-40:#ff555566;--yellow-40:#f1fa8c66}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background-color:#44475a;background-color:var(--selection);text-shadow:none}pre.line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block;pointer-events:none}.line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{opacity:0;position:absolute;right:.2em;top:.3em;transition:opacity .3s ease-in-out}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block;padding-right:20px}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{background:#6272a4;background:var(--comment);border-radius:.5em;color:#f8f8f2;color:var(--foreground);font-size:.8em;padding:.5em}div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar span:focus,div.code-toolbar>.toolbar span:hover{background-color:#50fa7b;background-color:var(--green);color:inherit;text-decoration:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:#282a36;background:var(--background);color:#f8f8f2;color:var(--foreground);font-family:PT Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;text-shadow:none;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{border-radius:.5em;height:auto;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36;background:var(--background)}:not(pre)>code[class*=language-]{border-radius:.3em;padding:4px 7px;white-space:normal}.limit-300{height:300px!important;height:400px!important}.limit-500{height:500px!important}.limit-600{height:600px!important}.limit-700{height:700px!important}.limit-800{height:800px!important}.language-css{color:#bd93f9;color:var(--purple)}.language-css .token,.token{color:#ff79c6;color:var(--pink)}.token.script{color:#f8f8f2;color:var(--foreground)}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.atrule,.token.attr-name,.token.attr-value{color:#50fa7b;color:var(--green)}.language-css .token.atrule{color:#bd93f9;color:var(--purple)}.language-html .token.attr-value,.language-markup .token.attr-value{color:#f1fa8c;color:var(--yellow)}.token.boolean{color:#bd93f9;color:var(--purple)}.token.builtin,.token.class-name{color:#8be9fd;color:var(--cyan)}.token.comment{color:#6272a4;color:var(--comment)}.token.constant{color:#bd93f9;color:var(--purple)}.language-javascript .token.constant{color:#ffb86c;color:var(--orange);font-style:italic}.token.entity{color:#ff79c6;color:var(--pink)}.language-css .token.entity{color:#50fa7b;color:var(--green)}.language-html .token.entity.named-entity{color:#bd93f9;color:var(--purple)}.language-html .token.entity:not(.named-entity){color:#ff79c6;color:var(--pink)}.language-markup .token.entity.named-entity{color:#bd93f9;color:var(--purple)}.language-markup .token.entity:not(.named-entity){color:#ff79c6;color:var(--pink)}.token.function{color:#50fa7b;color:var(--green)}.language-css .token.function{color:#8be9fd;color:var(--cyan)}.token.important,.token.keyword{color:#ff79c6;color:var(--pink)}.token.prolog{color:#f8f8f2;color:var(--foreground)}.token.property{color:#ffb86c;color:var(--orange)}.language-css .token.property{color:#8be9fd;color:var(--cyan)}.token.punctuation{color:#ff79c6;color:var(--pink)}.language-css .token.punctuation{color:#ffb86c;color:var(--orange)}.language-html .token.punctuation,.language-markup .token.punctuation{color:#f8f8f2;color:var(--foreground)}.token.selector{color:#ff79c6;color:var(--pink)}.language-css .token.selector{color:#50fa7b;color:var(--green)}.token.regex{color:#f55;color:var(--red)}.language-css .token.rule:not(.atrule){color:#f8f8f2;color:var(--foreground)}.token.string{color:#f1fa8c;color:var(--yellow)}.token.tag{color:#ff79c6;color:var(--pink)}.token.url{color:#8be9fd;color:var(--cyan)}.language-css .token.url{color:#ffb86c;color:var(--orange)}.token.variable{color:#6272a4;color:var(--comment)}.token.number{color:#bd93f9}.token.operator{color:#8be9fd}.token.char{color:#ff879d}.token.symbol{color:#ffb86c}.token.deleted,.token.namespace{color:#e2777a}.highlight-line{border-radius:4px;color:inherit;display:inline-block;padding:2px 10px;text-decoration:none}.highlight-line:empty:before{content:" "}.highlight-line:not(:last-child){min-width:100%}.highlight-line .highlight-line:not(:last-child){min-width:0}.highlight-line-isdir{background-color:#44475a33;background-color:var(--selection-30);color:#f8f8f2;color:var(--foreground)}.highlight-line-active{background-color:#6272a433;background-color:var(--comment-30)}.highlight-line-add{background-color:#50fa7b33;background-color:var(--green-30)}.highlight-line-remove{background-color:#ff555533;background-color:var(--red-30)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282a36;color:#202020;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{-ms-overflow-style:none;background-color:#282a36;color:#f8f8f2;font-family:Courier New,Courier,monospace;overflow-x:hidden}#code-background{left:10px;max-height:calc(100% - 100px);overflow-x:hidden;overflow-y:auto;padding:10px;position:fixed;scrollbar-width:none;top:50px;width:calc(100% - 100px);z-index:-1}.comment{color:#6272a4}#code-background{display:flex}.line-numbers{color:#6272a4;padding-right:10px;text-align:right;width:40px}.language-javascript code,.line-numbers{-ms-overflow-style:none;scrollbar-width:none}.language-javascript code,.line-numbers,pre.language-javascript{font-size:30px;line-height:1.5;margin-top:0;padding-top:0;vertical-align:initial}.container{align-items:center;display:flex;justify-content:center;padding:10vh;scroll-snap-align:center}.content-box{background-color:#191924ef;border-radius:10px;box-shadow:0 8px 8px rgba(0,0,0,.1);min-height:30vh;overflow:hidden;padding:20px;width:50vw}::-webkit-scrollbar{height:0;width:0}.scrolling-container{overflow-y:scroll;position:relative;scroll-behavior:smooth}
/*# sourceMappingURL=main.c068891d.css.map*/