body{background:linear-gradient(#5799DB 0%, #3F8EDD 100%);color:#333}html{height:100%}body{margin:0;min-height:100%;position:relative}h1,h2,h3,h4,h5,h6{margin:0 0 .5em 0}p{margin:0 0 .5em 0}ul{margin:0;padding:0;list-style-type:none}a{text-decoration:none;color:inherit}img{border:0;max-width:100%;vertical-align:middle}input,textarea,button,fieldset{margin:0;padding:0;outline:none;border:none;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit}textarea{resize:none}select{font-size:inherit;outline:none}dt{margin-bottom:.5em}dl{padding:.5em}button{background:none}button,input[type='submit'],select{cursor:pointer}input[type='submit']{opacity:1;border-radius:0;-webkit-appearance:none}abbr[title]{text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Oxygen', sans-serif;font-size:1em}.oxygen{font-family:'Oxygen', sans-serif}.oxygen-mono{font-family:'Oxygen Mono', monospace;-webkit-font-smoothing:subpixel-antialiased}.plex{font-family:'IBM Plex Sans', sans-serif;font-style:italic}.f15{font-size:0.9375em}.f32{font-size:2em}@font-face{font-family:'Nucleo Outline';src:url("/projects/snakkernorsk/nucleo-outline.woff") format("woff")}.nucleo-outline{font-family:'Nucleo Outline', sans-serif}.icon-cheatsheet-outline,.icon-volume-outline,.icon-happy-outline,.icon-sad-outline,.icon-meh-outline,.prev:hover:before,.next:hover:before{font-family:"Nucleo Outline", sans-serif;font-weight:normal;font-style:normal;display:inline-block;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cheatsheet-outline:before{content:"\e79a"}.icon-volume-outline:before{content:"\e84d"}.icon-happy-outline:before{content:"\ebfa"}.icon-sad-outline:before{content:"\ebf0"}.icon-meh-outline:before{content:"\ebec"}.next:before,.prev:before{content:''}.next:hover:before,.prev:hover:before{line-height:1.25em}.next:hover:before{content:'\ea8b'}.prev:hover:before{content:'\ea92'}.main{position:relative;display:flex;justify-content:center}.wrapper{grid-template-columns:10em 1fr;grid-gap:.5em;height:100vh}.lessons{margin-top:1em;background:white;height:90%;padding-top:.5em;border:0.0625em solid rgba(31,41,51,0.025);border-radius:.125em}.lessons li{box-sizing:border-box;border-radius:.0625em;border-bottom:0.0625em solid rgba(31,41,51,0.025);padding:0.75em 1em;letter-spacing:.02em;background:white;color:#3F8EDD;user-select:none;cursor:pointer;transition:background .15s, text-indent .25s}.lessons li:hover,.lessons li.selected{background:white;background:#eafbff;width:107%;box-shadow:0 0.0625rem 0.125em rgba(31,41,51,0.025);text-indent:1em;position:relative}.lessons li:hover:before,.lessons li.selected:before{content:'';position:absolute;top:102%;right:0;border-left:0.625em solid rgba(31,41,51,0.4);border-bottom:.625em solid transparent}.card{background:white;width:26.6em;height:22em;padding:.75em;margin-top:6em;border-radius:.125em;box-shadow:0 0.375em 1em rgba(0,0,0,0.15);position:relative}.card.wide{width:35em}.card.tall{margin-top:3em;height:28em}.card .space{height:2em}.card .title,.card .subtitle,.card .translation,.card .word,.card .qna{text-align:center;margin-bottom:.25rem}.card .subtitle{color:#848484}.card .background-image{margin:0 auto}.card .elem{margin:0 auto .5em auto;width:6em;height:6em}.card .translation{color:#656D78}.card .say-it{height:2.5em;width:2.5em;line-height:2.5em;border-radius:50%;padding:0;margin:0.5em auto;display:block}.card .qna{position:relative}.card .qna .answer-wrapper{position:absolute;top:0;left:0;width:100%}.card .qna .answer{background:transparent}.card .qna .question{color:#AAB2BD;white-space:pre}.card .text{white-space:pre-line;line-height:1.475em;margin:0.5em 0 1em 0;letter-spacing:.01em}.card .note{color:#969AA5;font-style:italic}.card .prev,.card .hint,.card .next{position:absolute;bottom:3.5%}.card .hint{left:50%;transform:translate(-50%)}.card .next{right:3.5%}.card .prev{left:3.5%}.card .prev,.card .next{transition:.25s}.card .prev:before,.card .next:before{position:absolute;transform:translate(-50%);left:50%;opacity:0}.card .prev:hover,.card .next:hover{color:transparent;transition-delay:1.75s}.card .prev:hover:before,.card .next:hover:before{color:white;transition:.25s;transition-delay:2s;opacity:1}.cheatsheet-button{position:absolute;bottom:2%;right:1%;background:white;color:#3F8EDD;height:2.5em;width:2.5em;border:0.0625em solid rgba(31,41,51,0.025);border-radius:50%;user-select:none;cursor:pointer;align-items:center;display:flex;justify-content:center}.cheatsheet{background:white;width:14em;padding:.5em;border:0.0625em solid rgba(31,41,51,0.025);border-radius:.0625em;box-shadow:0 0.375em 1em rgba(0,0,0,0.15);position:absolute;bottom:2%;right:1%;min-height:16em;max-height:90%;overflow:auto}.cheatsheet .empty{text-align:center;margin-top:9em}.cheatsheet .cheatsheet-header{text-transform:uppercase;text-align:center;letter-spacing:.125em;font-size:.75em;color:#656D78;padding-bottom:.5em;margin-bottom:0.75em;border-bottom:0.0625em solid #AAB2BD}.cheatsheet .title{text-transform:uppercase;font-size:.75em;color:#656D78;margin-bottom:.25em}.cheatsheet .word{font-size:.75em;color:#434A54;line-height:1.125em}.cheatsheet .section{margin-bottom:0.5em}.cheatsheet .close{position:absolute;right:0;top:-.25em;background:#DA4453;color:white;padding:.75rem;font-size:.75rem;user-select:none;cursor:pointer}.cheatsheet .close:after{content:'';position:absolute;top:2.25em;left:0;border:1.3em solid #DA4453;border-bottom-color:transparent;box-sizing:border-box;width:100%}.find-me{margin:.25em 0 1.25em 0}.grid-game{grid-template-columns:repeat(4, auto);grid-gap:.5em;width:75%;margin:0 auto}.grid-game .background-image,.grid-game .elem{width:auto;height:4.5em}.inline{display:inline-block}.grid{display:grid}.center{text-align:center}.clickable{user-select:none;cursor:pointer}.button{text-transform:uppercase;text-align:center;background:#FF7D3E;color:white;padding:.25em .75em;display:inline-block;border-radius:.125em;font-size:0.875em;user-select:none;cursor:pointer}.button.disabled{cursor:initial}.background-image{background-size:cover;background-position:center;pointer-events:none;width:6em;height:6em}.disappear{animation:disappear .25s linear forwards}.appear{animation:disappear .4s linear backwards;animation-direction:reverse}@keyframes disappear{100%{opacity:0}}.shake{position:relative;animation:shake .5s linear}@keyframes shake{25%{left:-0.3125em}50%{left:0.3125em}75%{left:-0.3125em}100%{left:0.3125em}}.blink{border-bottom: 1px solid;animation:blink 2.5s steps(1, start) infinite}@keyframes blink{0%, 100%{border-bottom:0.125em solid #FF7D3E}50%{border-bottom:.125em solid #656D78}}.categorize{display:grid;grid-gap:.5em;grid-template-rows:1fr auto;height:18em}.categorize .banner{text-transform:uppercase;text-align:center;letter-spacing:.0625em;background:#1abc9c;color:white;width:7em;padding:.25em;margin:.5em auto;position:relative}.categorize .banner:before,.categorize .banner:after{content:'';position:absolute;bottom:-0.15em;border:0.8em solid #17a689}.categorize .banner:before{left:-1.6em;border-left-color:transparent}.categorize .banner:after{right:-1.6em;border-right-color:transparent}.categorize .category{border:.0625em dashed transparent}.categorize .category:hover{border-color:#454545}.categorize .category.selected{background:#ffff002e}.categorize .categorize-word{background:gainsboro;display:inline-block;padding:.25em .5em;margin:.25em;border-radius:.125em}.categorize .categorize-word.clickable:hover{background:#cacaca}.categorize .categorize-word.selected{background:#b8b8b8}.link-out{position: absolute;bottom: 0.25em;left: 0.25em;}