@font-face{font-family:PoppinsBlack;font-weight:bolder;src:local("PoppinsBlack"),url(/static/media/Poppins-Black.d8b850b920a5ef49d752.ttf) format("truetype")}@font-face{font-family:PoppinsBold;font-weight:700;src:local("PoppinsBold"),url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:400;src:local("Poppins"),url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}@font-face{font-family:PoppinsThin;font-weight:light;src:local("PoppinsThin"),url(/static/media/Poppins-Thin.59ff6a729e30c99b478e.ttf) format("truetype")}@font-face{font-family:RobotoItalic;font-style:italic;src:local("RobotoItalic"),url(/static/media/Roboto-Italic.87f3afe16a8c3c370634.ttf) format("truetype")}@font-face{font-family:RobotoBold;font-weight:700;src:local("RobotoBold"),url(/static/media/Roboto-Bold.f80816a5455d171f948d.ttf) format("truetype")}@font-face{font-family:RobotoBoldItalic;font-style:italic;font-weight:700;src:local("RobotoBoldItalic"),url(/static/media/Roboto-BoldItalic.87d61cea6fe1d235d4a8.ttf) format("truetype")}@font-face{font-family:Roboto;font-weight:400;src:local("Roboto"),url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf) format("truetype")}@font-face{font-family:RobotoThin;font-weight:light;src:local("RobotoThin"),url(/static/media/Roboto-Thin.a732a12eb07742232407.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}div#root{display:flex;justify-content:center}.app{width:800px}body{background-color:var(--background);color:var(--text)}*{font-size:2vh;transition-duration:.1s}h1,h2,h3,h4,h5,h6{color:var(--heading-text);font-family:PoppinsBlack}.landing>p{font-family:Poppins;font-size:3vh}.landing.center{display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.landing.center *{text-align:center}.post-content{line-height:2;margin:5vh 0;text-align:justify}.header{border-bottom:var(--border-width) solid var(--border);justify-content:space-between;margin-bottom:5vh}.header,.header .menu-items{align-items:center;display:flex}.header .menu-items{justify-content:center}.header .menu-button{visibility:hidden}.caps{color:var(--hinted-text);font-family:Poppins;font-size:1.75vh;letter-spacing:.2vh;text-transform:uppercase}.mono,code,pre{background-color:var(--background-layer);border:.25vh solid var(--border);color:var(--code-text);font-family:monospace;font-size:inherit}pre{padding:1vh}.caps.primary{color:var(--accent-body-text);font-weight:700;letter-spacing:.19vh}a{color:var(--accent);font-family:Poppins;text-decoration:none}img{border:var(--border-width) solid var(--border);border-radius:var(--roundness);display:block}input{background-color:initial;color:var(--heading-text);font-family:Poppins;font-size:var(--text-size);outline:none}hr,input{border:none}hr{border-bottom:var(--border-width) solid var(--border);border-radius:var(--roundness);margin:2vh 0}.accent-color{color:var(--accent)}.padded{padding:2vh}.inline{display:inline-block}.flex-center{align-items:center;display:flex;justify-content:center}.flex-center.row{flex-direction:row}.flex-center.column{flex-direction:column}.mobile-size{width:50%}.full-width{width:100%}@media screen and (max-width:1000px){.app{padding-bottom:4vh;width:90%}.app *{font-size:var(--text-size)}input{width:100%}.header{border:none;display:block}.header .menu-items{align-items:flex-start;background-color:var(--background-layer);border:var(--border-width) solid var(--border);display:flex;flex-direction:column;padding:2vh;width:calc(100% - 2vh)}.header .menu-items>*{display:flex;padding:2vh 0;width:100%}.header .menu-button{visibility:visible}.mobile-size,img{width:100%}}@media screen and (min-width:1000px){a:hover{color:var(--accent-highlight)}.header .menu-items .menu-items-icon{display:none}}:root{--accent:#32a5fd;--accent-highlight:#cae8ff;--accent-body-text:#0d293e;--accent-layer:#32a5fd26;--success:#5ccd49;--success-highlight:#42f666;--success-body-text:#d7ffdc;--success-layer:#5ccd4926;--danger:#ca3232;--danger-highlight:#ff6060;--danger-body-text:#ffd7d7;--danger-layer:#ca323226;--neutral:#e8e8e8;--neutral-highlight:#fff;--neutral-body-text:#2a2a2a;--background:#000;--background-layer:#ffffff0d;--heading-text:#fff;--text:#aaa;--code-text:#fff;--hinted-text:#888;--border:#262626;--border-width:0.25vh;--text-size:2.5vh;--roundness:4vh}button{align-items:center;background-color:var(--accent);border:.5vh solid var(--accent);border-radius:var(--roundness);color:var(--accent-body-text)!important;cursor:pointer;display:flex;font-family:PoppinsBlack;font-size:var(--text-size);margin:.3vh;outline:none;padding:.5vh 3vh;-webkit-user-select:none;user-select:none}button.default .icon{color:var(--accent-body-text)}button:active{box-shadow:0 0 10px -4px var(--accent-highlight);opacity:.5;transition-duration:0ms}button.secondary{background-color:var(--accent-body-text);border:.5vh solid var(--accent);color:var(--accent)!important}button.success{background-color:var(--success);border:.5vh solid var(--success);color:var(--success-body-text)!important}button.success .icon{color:var(--success-body-text)}button.danger{background-color:var(--danger);border:.5vh solid var(--danger);color:var(--danger-body-text)!important}button.danger .icon{color:var(--danger-body-text)}button.neutral{background-color:var(--neutral);border:.5vh solid var(--neutral);color:var(--neutral-body-text)!important}button.neutral .icon{color:var(--neutral-body-text)}button[disabled]{cursor:default;opacity:.2}.icon{margin-right:1vh;width:3vh}.icon.small{width:2vh}.icon.large{width:5vh}.icon.huge{width:15vh}.icon.inline{margin-right:0}.icon.primary{color:var(--accent-body-text)}div.chip{align-items:center;background-color:var(--background-layer);border:.25vh solid var(--border);border-radius:var(--roundness);display:flex;justify-content:space-between;margin:.5vh;padding:.25vh 1.5vh;-webkit-user-select:none;user-select:none}div.chip.primary{background-color:var(--accent)}div.error-chip{align-items:center;background-color:var(--danger-layer);border:.25vh solid var(--danger-highlight);border-radius:var(--roundness);color:var(--danger-highlight);display:flex;font-family:Poppins;justify-content:space-between;margin:.5vh;padding:.5vh 1.5vh;-webkit-user-select:none;user-select:none}div.card{background-color:var(--background-layer);border:.25vh solid var(--border);border-radius:var(--roundness);margin:3vh 0;padding:1vh 3vh}div.card>div.heading:first-child{margin-top:2vh}div.heading{color:var(--heading-text);font-family:PoppinsBlack;margin:2vh 0}div.heading:not(.logo):not(.no-margin){margin-top:5vh}div.heading.small{font-size:3vh}div.heading.normal{font-size:3.75vh}div.heading.large{font-size:4.5vh}div.heading.landing{font-size:5.5vh}div.heading.logo{font-size:4vh;letter-spacing:-.3vh;-webkit-user-select:none;user-select:none}div.checkbox{align-items:center;cursor:pointer;display:flex;justify-content:flex-start}div.checkbox-circle{align-items:center;background-color:var(--background);border:.25vh solid var(--border);border-radius:3vh;display:inline-block;display:flex;height:3vh;justify-content:center;width:3vh}div.checkbox-circle .icon{color:var(--text)}div.checkbox-circle.checked .icon{color:var(--accent-body-text)}div.checkbox-circle.checked{background-color:var(--accent)}div.input{background-color:var(--background-layer);border:.25vh solid var(--border);border-radius:var(--roundness);padding:1vh 1.5vh}div.input>div{align-items:center;display:flex;justify-content:space-between}div.input-group .input:not(:first-child):not(:last-child){border-radius:0}div.input-group .input:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}div.input-group .input:not(:last-child){border-bottom:none}div.input-group .input:last-child{border-top-left-radius:0;border-top-right-radius:0}div.loader .loader-dot{background-color:#fff;border-radius:var(--roundness);display:inline-block;height:2vh;margin:0 .75vh;width:2vh}div.loader .loader-dot.l{animation:loader-left .75s infinite}div.loader .loader-dot.m{animation:loader-middle .75s infinite}div.loader .loader-dot.r{animation:loader-right .75s infinite}@keyframes loader-left{0%{opacity:0}20%{opacity:1}40%{opacity:.5}60%{opacity:0}80%{opacity:0}to{opacity:0}}@keyframes loader-middle{0%{opacity:0}20%{opacity:0}40%{opacity:1}60%{opacity:.5}80%{opacity:0}to{opacity:0}}@keyframes loader-right{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:1}80%{opacity:.5}to{opacity:0}}@media screen and (min-width:1000px){button.default:not([disabled]):hover{background-color:var(--accent-highlight);border:.5vh solid var(--accent-highlight);box-shadow:0 0 20px -8px var(--accent-highlight)}button.secondary:not([disabled]):hover{border:.5vh solid var(--accent-highlight);color:var(--accent-highlight)!important}button.success:not([disabled]):hover{background-color:var(--success-highlight);border:.5vh solid var(--success-highlight);box-shadow:0 0 20px -8px var(--success-highlight)}button.danger:not([disabled]):hover{background-color:var(--danger-highlight);border:.5vh solid var(--danger-highlight);box-shadow:0 0 20px -8px var(--danger-highlight)}button.neutral:not([disabled]):hover{background-color:var(--neutral-highlight);border:.5vh solid var(--neutral-highlight);box-shadow:0 0 20px -8px var(--neutral-highlight)}div.card.small{width:50%}div.input.small input{width:25vh}div.input.medium input{width:40vh}div.input.large input{width:65vh}div.checkbox:hover div.checkbox-circle{background-color:var(--background-layer)}div.checkbox:hover div.checkbox-circle.checked{background-color:var(--accent-highlight)}div.checkbox:active{opacity:.5;transition-duration:0ms}}.about>div.section{align-items:center;display:flex;flex-direction:column;height:65vh;justify-content:center;text-align:center}.about span.cursor{font-size:inherit;-webkit-user-select:none;user-select:none}.about .animating-icon{animation:animating-arrow 6s infinite;height:10vh;opacity:0;position:absolute;top:75vh;width:10vh}.about span.cursor.animating{animation:cursor-blink 1s infinite;transition-duration:.4s}.about span.selected{background-color:#add8e6}.about div.mouse-cursor{color:#fff;height:2vh;left:0;position:relative;top:25vh;transform:scale(1);width:2vh;z-index:10}.about .color-animation div.heading{animation:color-animation-heading 4.5s infinite}.about .color-pallete>div{border:var(--border-width) solid var(--border);border-radius:var(--roundness);display:inline-block;height:4vh;margin:0 1.05vh;width:4vh;z-index:1}.about .color-animation .color-pallete>div:first-child{animation:color-pallete-one 4.5s infinite}.about .color-animation .color-pallete>div:nth-child(2){animation:color-pallete-two 4.5s infinite}.about .color-animation .color-pallete>div:nth-child(3){animation:color-pallete-three 4.5s infinite}.about .color-animation .color-pallete>div:nth-child(4){animation:color-pallete-four 4.5s infinite}.about .color-animation .color-pallete>div:nth-child(5){animation:color-pallete-five 4.5s infinite}.about .color-animation>div.mouse-cursor{animation:color-animation-cursor 4.5s infinite}@keyframes cursor-blink{0%{opacity:1}20%{opacity:0}to{opacity:1}}@keyframes color-animation-cursor{0%{left:0;top:25vh}20%{oopacity:.75;left:-13vh;top:3.25vh;transform:scale(1)}22%{color:#fff;opacity:1;transform:scale(.5)}30%{oopacity:.75;left:-13vh;top:3.25vh;transform:scale(1)}35%{oopacity:.75;left:-6.5vh;top:3.25vh;transform:scale(1)}37%{color:#fff;opacity:1;transform:scale(.5)}45%{oopacity:.75;left:-6.5vh;top:3.25vh;transform:scale(1)}50%{oopacity:.75;left:0;top:3.25vh;transform:scale(1)}52%{color:#fff;opacity:1;transform:scale(.5)}60%{oopacity:.75;left:0;top:3.25vh;transform:scale(1)}65%{oopacity:.75;left:6.5vh;top:3.25vh;transform:scale(1)}67%{color:#fff;opacity:1;transform:scale(.5)}75%{oopacity:.75;left:6.5vh;top:3.25vh;transform:scale(1)}80%{oopacity:.75;left:13vh;top:3.25vh;transform:scale(1)}82%{color:#fff;opacity:1;transform:scale(.5)}90%{oopacity:.75;left:13vh;top:3.25vh;transform:scale(1)}to{left:0;top:25vh}}@keyframes color-pallete-one{20%{transform:scale(1)}22%{transform:scale(.5)}30%{transform:scale(1)}}@keyframes color-pallete-two{35%{transform:scale(1)}37%{transform:scale(.5)}45%{transform:scale(1)}}@keyframes color-pallete-three{50%{transform:scale(1)}52%{transform:scale(.5)}60%{transform:scale(1)}}@keyframes color-pallete-four{65%{transform:scale(1)}67%{transform:scale(.5)}75%{transform:scale(1)}}@keyframes color-pallete-five{80%{transform:scale(1)}82%{transform:scale(.5)}90%{transform:scale(1)}}@keyframes color-animation-heading{0%{color:#fff}20%{color:#fff}22%{color:red}35%{color:red}37%{color:blue}50%{color:blue}52%{color:green}65%{color:green}67%{color:#ff0}80%{color:#ff0}82%{color:#fff}}@keyframes animating-arrow{60%{margin-top:0;opacity:0}80%{margin-top:-50px;opacity:.5}to{margin-top:-100px;opacity:0}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#000;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;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{background:#ffffff80;color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
/*# sourceMappingURL=main.2c675482.css.map*/