/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */*,:after,:before{box-sizing:border-box}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden,[hidden]{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body,html{padding:0;margin:0;width:100vw;height:100vh}body{background-color:#ebf2f5;font-size:1rem}body,h1,h2{font-family:Inter,sans-serif}h1,h2{margin:0;color:#000;font-size:2rem}h2{font-size:1.5rem}p{font-family:Inter,sans-serif;font-size:1.25rem}input[type=text]{background:none;border:none;margin:0;padding:0;border-radius:0;position:absolute;font-size:1.5rem;top:20px;left:26px;width:244px;text-align:center}input[type=text]:focus{outline:none;border:none}button{background:none;border:0;cursor:pointer;padding:0;margin:0}.start-screen-section{position:relative;background-size:contain;min-height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;overflow:hidden}.center-bg-image,.left-bg-image,.logo,.right-bg-image{position:absolute;z-index:-1}.left-bg-image{height:60%;max-height:514px;left:0;bottom:5%;display:none}.right-bg-image{height:80%;max-height:822px;right:0;bottom:5%;display:none}.center-bg-image{height:90%;max-height:822px}.logo{bottom:2%;left:calc(50% - 40px);width:80px}.start-screen-section__container,.tutorial-inner-container{text-align:center;max-width:480px}.start-screen-section__form-container{width:100%;display:flex;flex-direction:column;align-items:center}.start-screen-section__input-wrapper{position:relative;margin-bottom:1rem}.start-screen-section__description{text-align:center;max-width:400px;margin:1.5rem auto}.start-screen-section__warning{color:#ff6161;display:none}.main-container{width:100%;height:100%;margin:0 auto}.main-container,.tutorial{background-size:contain;position:relative;display:none}.tutorial{min-height:100%;padding:1.5rem;flex-direction:column;justify-content:center;align-content:center;align-items:center;overflow:hidden}.tutorial-image,.tutorial h2{margin-bottom:2rem}.tutorial-image{width:200px;max-width:100%}.tutorial-text{text-align:center;margin-bottom:2rem}canvas{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}@media only screen and (min-width:600px){.logo{width:120px;left:unset;right:2%}}@media only screen and (min-width:900px){h1{font-size:2.75rem}.start-screen-section__description{margin:2rem auto 4rem}.tutorial{padding:4rem 1.5rem;background-size:auto}.tutorial-image{width:260px}.start-screen-section__form-container{flex-direction:row;justify-content:space-between;align-items:baseline}input[type=text]{margin-bottom:0}}@media only screen and (min-width:1024px){.left-bg-image,.right-bg-image{display:block}.center-bg-image{display:none}}
/*# sourceMappingURL=/main.6adbb0a3.css.map */