/*! 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:#93e8c4;font-family:Noto Sans,sans-serif;font-size:1rem}h1,h2{margin:0;font-family:Noticia Text,serif;color:#fff;font-size:2rem}h2{font-size:1.5rem}p{font-family:Noto Sans,sans-serif}input[type=text]{background-color:#fff;width:100%;padding:0 1rem;margin-bottom:1rem}button,input[type=text]{border:0;border-radius:1.5rem;height:3rem;font-size:1rem}button{background-color:#ff6161;color:#fff;width:7rem;cursor:pointer}.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}.logo,.start-screen__left-image,.start-screen__right-image,.tutorial-bg-image{position:absolute;z-index:-1}.start-screen__left-image{height:60%;max-height:514px;left:0;bottom:5%;display:none}.start-screen__right-image{height:80%;max-height:822px;right:0;bottom:5%}.logo{bottom:2%;right:2%;width:160px}.start-screen-section__container,.tutorial-inner-container{text-align:center;max-width:500px}.start-screen-section__form-container{width:100%;display:flex;flex-direction:column;align-items:center}.start-screen-section__description{margin-top:2rem;margin-bottom:4rem}.start-screen-section__warning{color:#ff6161;display:none}.main-container{background:url(/bg_start_right.22e8c730.png) no-repeat 50% fixed;background-size:contain;width:100%;height:100%;margin:0 auto}.main-container,.tutorial{position:relative;display:none}.tutorial{background-size:contain;min-height:100%;padding:1.5rem;flex-direction:column;justify-content:center;align-content:center;align-items:center}.tutorial-bg-image{height:60%;max-height:859px;top:50%;left:50%;transform:translate(-50%,-50%)}.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){.start-screen__left-image{display:block}.logo{width:296px}}@media only screen and (min-width:900px){h1{font-size:2.75rem}.start-screen-section__container{text-align:left}.tutorial{padding:4rem 1.5rem;background-size:auto}.tutorial-image{width:260px}.start-screen-section__form-container{flex-direction:row;justify-content:space-between}input[type=text]{width:calc(100% - 8rem);margin-bottom:0}button,input[type=text]{height:4.5rem;font-size:1.5rem}button{width:7rem}}
/*# sourceMappingURL=/main.112ce9f2.css.map */