#appbar{position:fixed;bottom:0;left:0;width:100%;padding:.5rem}#appbar #back{float:left}#appbar #next{float:right}#appbar #back a,#appbar #next a{height:2rem;display:inline-block;background:#333;border-radius:.3rem;text-align:center;line-height:2rem;width:auto;padding-left:.75rem;padding-right:.75rem;color:#fff!important}#appbar #next a{background:#4289d0;font-weight:700}#appbar #score{text-align:center;padding-right:.5rem;line-height:2rem;font-weight:400;color:#999}#content{height:calc(100vh - 3rem);min-height:calc(100vh - 3rem);overflow-y:scroll}#content #mode-question{padding:1rem;line-height:1.3}#content #mode-question .definition{font-weight:900}#content #mode-question .options .option{transition:.2s background-color;cursor:pointer;margin:0 -1rem .5rem;padding:1rem;background:#4289d0}#content #mode-question .options .option:hover,#content #mode-question .options .option.selected{background:#42c2d0}#content #mode-question .options .option.invalid{animation:fadeOut 0 ease-in-out .6s forwards;background:#1f3952;color:#7599bb;text-decoration:line-through}#content img{max-width:100%}#content #mode-answer h1{margin:0}#content #mode-answer .example{padding-left:1rem;line-height:1.3}p{margin-bottom:.5rem!important}@media screen and (max-width: 1000px){#mode-answer h1{padding:.5rem 0!important;margin:0}}@media screen and (min-width: 1000px){.image{float:left}#mode-question .options .option{padding-top:.5rem!important;padding-bottom:.5rem!important}#mode-answer{padding:1rem 1rem 0;display:flex;align-items:flex-start;gap:.5rem}#mode-answer h1{padding:0 0 .5rem!important;margin:0;font-weight:900;color:#fff}#mode-answer .image{flex:0 0 auto}#mode-answer .example{flex:1;max-width:60%;color:#ccc}}@keyframes fadeOut{0%{opacity:1}to{opacity:.5;text-decoration:line-through}}.play{cursor:pointer;background:#333;color:#000;border-radius:.25rem;font-style:normal;display:inline-block;text-align:center;width:3rem;height:1.5rem;line-height:1.5rem;margin-top:.5rem;margin-bottom:1rem}.play:hover{background-color:#4289d0}.play:active{background:#333!important}.play svg{color:#fff;margin-top:.2rem}@media screen and (min-width: 1000px){.play svg{width:40px;height:40px}}@keyframes tilt-n-move-shaking{0%{transform:translate(0) rotate(0)}25%{transform:translate(5px,5px) rotate(5deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(-5px,5px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}*{box-sizing:border-box;padding:0;margin:0}body,html{background-color:#000;color:#fff;font-family:Lato,sans-serif;font-style:normal;font-size:28px}a{color:#fff;text-decoration:none}a:hover{color:#4289d0}body.wrong{overflow-y:hidden;overflow-x:hidden}#root h1{font-size:1rem;padding:1rem}#root ul,#root li{list-style:none}#root li.quiz a{background:#4289d0}#root li.words a{background:#9242d0}@media screen and (max-width: 1000px){#root li a{display:block;padding:2.5rem 1rem 1rem;margin-bottom:.5rem;color:#fff}#root li a:hover{opacity:.9}}@media screen and (min-width: 1001px){body,html{font-size:50px}#root h1{padding:1rem}#root ul{padding:0 1rem;display:flex;gap:.5rem}#root li{flex:0}#root li a{display:flex;align-items:flex-end;justify-content:flex-start;width:20vw;height:70vh;padding:.5rem;text-decoration:none;color:inherit;box-sizing:border-box}}