@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Xanh+Mono&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600&display=swap");@import url("https://fonts.cdnfonts.com/css/libertinus-mono");@font-face{font-family:"Cursive standard";src:local("Cursive standard"),url(webpack:///mini-css-extract-plugin/_next/static/media/Cursive%20standard.96d03646.ttf) format("truetype")}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;color:#103852}h1{font-weight:700;font-family:Open Sans,sans-serif}h3{margin-bottom:1.15rem}.flex{display:flex}.wrap{flex-wrap:wrap}.flex-dir-col{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-left{justify-content:left}.justify-content-right{justify-content:right}.justify-content-flex-start{justify-content:flex-start}.justify-content-flex-end{justify-content:flex-end}.justify-content-space-between{justify-content:space-between}.justify-content-space-around{justify-content:space-around}.align-items-center{align-items:center}.align-items-flex-start{align-items:flex-start}.align-items-flex-end{align-items:flex-end}.align-content-center{align-content:center}.flex-1{flex:1 1}.flex-grow-1{flex-grow:1}.pos-relative{position:relative}.pos-absolute{position:absolute}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-33{width:33.33%}.w-35{width:35%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-85{width:85%}.w-90{width:95%}.w-100{width:100%}.h-100{height:100%}.hmin-80vh{min-height:80vh}.hmin-100vh{min-height:100vh}.w-400px{width:400px}.w-600px{width:600px}.wmin-400px{min-width:400px}.wmin-600px{min-width:600px}.p-1{padding:1em}.p-2{padding:2em}.p-3{padding:3em}.pt-1{padding-top:1em}.pt-2{padding-top:2em}.pt-3{padding-top:3em}.pt-4{padding-top:4em}.pt-5{padding-top:5em}.pt-6{padding-top:6em}.pr-1{padding-right:1em}.pr-2{padding-right:2em}.pb-1{padding-bottom:1em}.pb-2{padding-bottom:2em}.pb-3{padding-bottom:3em}.pb-4{padding-bottom:4em}.pl-1{padding-left:1em}.pl-2{padding-left:2em}.m-0{margin:0}.m-1{margin:1em}.m-2{margin:2em}.mt-1{margin-top:1em}.mt-2{margin-top:2em}.mt-3{margin-top:3em}.mt-4{margin-top:4em}.mt-5{margin-top:5em}.mt-6{margin-top:6em}.mr-1{margin-right:1em}.mr-2{margin-right:2em}.mb-1{margin-bottom:1em}.mb-2{margin-bottom:2em}.ml-1{margin-left:1em}.ml-2{margin-left:2em}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-900{font-weight:900}.txt-align-center{text-align:center}.txt-align-right{text-align:right}.txt-small{font-size:.8rem}.txt-color-grey{color:#555}.italic{font-style:italic}.bg-white{background-color:#fff}.pointer{cursor:pointer}:focus-visible{outline:3px solid blue}.page{max-width:1400px;margin:0 auto;padding:3em 1em}@media screen and (max-width:720px){.page{padding:3em 0}}.login-page-background{min-height:100vh;background-color:#f3f3f3}.login-form{min-width:400px;max-width:500px}.login-logo{max-width:150px}.login-error-text{color:#d8211d;font-size:.9em;background-color:#fae4de}.card-outer.default{background-color:#d0d5d9}.card-outer.hidden{background:#fff;border:1px solid #555}.card-outer.success{background-color:#e89800}.card-outer.error{background-color:#d0d5d9}.card-outer.blue{background-color:#7c92f7}.card-outer.green{background-color:#cbedbc}.card-outer.red{background-color:#f4bdbd}.card-outer.magenta{background-color:#e28dc4}.card-outer.yellow,.card-outer.yellow-evaluation{background-color:#ffff9f}.card-inner.default{background-color:#7c858c}.card-inner.hidden{background:#fff;border:1px dashed #555}.card-inner.blue{background-color:#3d4ea3}.card-inner.green{background-color:#59c133}.card-inner.red{background-color:#d8211d}.card-inner.magenta{background-color:#ba2283}.card-inner.yellow,.card-inner.yellow-evaluation{background-color:#efe348}.card-inner.success{background-color:#654b00}.card-inner.error{background-color:#7c858c}button.no-style{border:none;background-color:transparent}.card-gradient.default{background:radial-gradient(circle,#879ba2 0,#404d5a 100%)}.card-gradient.hidden{background:#fff;border:1px dotted #555}.card-gradient.success{background:radial-gradient(circle,#8b6703 0,#302503 100%)}.card-gradient.error{background:radial-gradient(circle,#879ba2 0,#404d5a 100%)}.card-gradient.blue{background:radial-gradient(circle,#4654ad 0,#11207d 100%)}.card-gradient.green{background:radial-gradient(circle,#59c133 0,#29740d 100%)}.card-gradient.red{background:radial-gradient(circle,#e0403c 0,#960b08 100%)}.card-gradient.magenta{background:radial-gradient(circle,#eb4aa9 0,#950058 100%)}.card-gradient.yellow,.card-gradient.yellow-evaluation{background:radial-gradient(circle,#e3e94d 0,#919802 100%)}.card-text{font-weight:700}button.button{cursor:pointer;background-color:#fff;border:none}button.button:hover{background-color:#f2f2f2}button.student-create{border:1px dashed #444;background-color:transparent;padding:1em;border-radius:8px;height:100%}button.student-create:hover{background-color:#f2f2f2}.world-map-card{display:flex;align-items:flex-end;justify-content:center;cursor:pointer;padding:1em;background-size:cover;background-position:50%;border-radius:14px;min-height:300px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.world-map-card__name{text-align:center;text-transform:uppercase}.world-map-card__name,.world-map-card__score{padding:.5em 1.2em;border-radius:25px;background-color:rgba(0,0,0,.6);color:#fff}.world-map-card__score{display:flex;align-items:center;justify-content:center}.keyboard-key{font-weight:700;font-size:2em;margin-right:.5em;cursor:pointer;width:2em;height:2em;border:none;border-radius:8px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}@media screen and (max-width:900px){.keyboard-key{width:1.5em;height:1.5em}}@media screen and (max-width:720px){.keyboard-key{font-size:1.4em}}@media screen and (max-width:500px){.keyboard-key{font-size:1.2em}}.keyboard-key:focus,.letter-card-4:focus{outline:3px solid #b81c61}.keyboard-uppercase{font-family:Roboto,sans-serif;text-transform:uppercase}.keyboard-lowercase{font-family:Roboto,sans-serif;text-transform:lowercase}.keyboard-script{font-family:"Cursive standard",sans-serif;text-transform:lowercase}.keyboard-layout-selector-button{font-weight:700;font-size:1.5em;width:1.5em;height:1.5em}.task-select-button{border:none;background-color:transparent}.select-border{border:3px solid #b81c61}button.mini-game-item:focus-visible{outline:3px solid #fff}button.white-outline:focus-visible{outline:3px solid #fff}