@import url(https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Roboto:wght@100;300;400;500;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}:root{--base-font-size:16px;--viewport-padding:80px 20px 40px 20px;--focus-border-color:rgba(21,156,228,.6);--background-linear-gradient-start-color:#22c1c3;--background-linear-gradient-end-color:#fddf2d;--title-color:#c51384;--title-highlight-color:#f02eaa;--button-color:#333;--button-bg-color:rgba(51,51,51,.15);--selectable-unselected-color:#000;--selectable-unselected-bg-color:hsla(0,0%,100%,.5);--selectable-selected-color:#fff;--selectable-selected-bg-color:#4caf50}body,html{height:100%;margin:0;padding:0;width:100%}body{background:linear-gradient(337deg,#22c1c3,#fddf2d);background:linear-gradient(337deg,var(--background-linear-gradient-start-color) 0,var(--background-linear-gradient-end-color) 100%);background-attachment:fixed;font-family:Roboto,sans-serif;font-size:16px;font-size:var(--base-font-size)}.app{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:80px 20px 40px;padding:var(--viewport-padding)}.app__page{width:600px}.title{color:#c51384;color:var(--title-color);font-family:Alfa Slab One,cursive;font-size:45px;font-weight:400;line-height:42px;margin:0 0 .5em;text-shadow:0 2px #fff,0 3px #777;text-transform:uppercase}.title__highlight{color:#f02eaa;color:var( --title-highlight-color)}.selectable{display:inline-block;margin-bottom:8px;margin-right:8px}.selectable__label{background-color:hsla(0,0%,100%,.5);background-color:var(--selectable-unselected-bg-color);color:#000;color:var( --selectable-unselected-color);cursor:pointer;display:inline-block;font-size:14px;padding:10px;transition:all .3s ease}.selectable__input{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;opacity:0}.selectable__input:checked+.selectable__label{background-color:#4caf50;background-color:var(--selectable-selected-bg-color);color:#fff;color:var(--selectable-selected-color)}.selectable__input:focus+.selectable__label{box-shadow:0 0 0 3px rgba(21,156,228,.6);box-shadow:0 0 0 3px var(--focus-border-color)}.verbBlocks{margin-bottom:16px}.verbBlock{display:inline-block;margin-right:16px}.input:focus{outline:none;transition:all .3s ease}.input--text{border:none;border-bottom:1px solid #ccc;font-size:16px;margin:8px 0;padding:12px 20px;width:100%}.input--text:focus{border-bottom:1px solid transparent;box-shadow:0 3px 0 0 rgba(21,156,228,.6);box-shadow:0 3px 0 0 var(--focus-border-color)}.input--button{background-color:rgba(51,51,51,.15);background-color:var(--button-bg-color);border-radius:8px;border-width:0;color:#333;color:var(--button-color);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:20px;list-style:none;margin:0;padding:10px 12px;text-align:center;touch-action:manipulation;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:baseline;white-space:nowrap}.input--button:focus{box-shadow:0 0 0 3px rgba(21,156,228,.6);box-shadow:0 0 0 3px var(--focus-border-color)}.input--button.input--error{background-color:#fe4645;color:#fff}.configuration{margin-bottom:20px}.blanket{align-items:center;background:rgba(0,0,0,.1);display:flex;height:100vh;justify-content:center;left:0;padding:80px 20px 40px;padding:var(--viewport-padding);position:absolute;top:0;width:100vw;z-index:800}.snackbar{background:rgba(254,70,69,.95);border-bottom:1px solid rgba(219,55,54,.3);box-shadow:0 1px 0 rgba(0,0,0,.24);color:#fff;font-size:16px;font-weight:300;left:0;padding:15px;position:fixed;text-align:center;top:0;visibility:hidden;width:100%}.snackbar--show{-webkit-animation:snackbar-slide-in .5s,fadeout .5s 2.5s;animation:snackbar-slide-in .5s,fadeout .5s 2.5s;visibility:visible}@-webkit-keyframes snackbar-slide-in{0%{opacity:0;top:-60px}to{opacity:1;top:0}}@keyframes snackbar-slide-in{0%{opacity:0;top:-60px}to{opacity:1;top:0}}.question{font-size:1.2em;font-weight:300;line-height:1.5em}.question__emphasis{font-style:normal;font-weight:500;text-transform:lowercase}.answers{border-left:5px solid rgba(0,0,0,.1);padding:5px 0 5px 10px}.answers__person-auxiliary{font-size:23px;font-weight:700}.answer-form{background-color:#fff;border-radius:20px;box-shadow:-5px 5px rgba(240,46,170,.4),-10px 10px rgba(240,46,170,.3),-15px 15px rgba(240,46,170,.2),-20px 20px rgba(240,46,170,.1),-25px 25px rgba(240,46,170,.05);margin-bottom:40px;padding:40px;position:relative;z-index:500}.answer-form__meta{border-radius:5px;color:rgba(51,51,51,.5);font-size:11px;font-weight:300;padding:5px 10px;position:absolute;right:0;top:-30px}.answer-form__question{margin-bottom:1em}.modal{background-color:#fe4645;border:1px solid rgba(219,55,54,.3);border-radius:20px;box-shadow:0 22px 70px 4px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);color:#fff;margin-bottom:30px;max-width:600px;padding:30px;position:relative}.modal__title{font-size:30px;font-weight:100;margin-bottom:10px}.modal__glyph{bottom:20px;color:rgba(0,0,0,.08);font-size:135px;font-weight:700;position:absolute;right:20px;z-index:10}.modal .question{display:block}.modal .question,.results-header{margin-bottom:20px}.results-header__resume{font-size:18px;font-weight:300;line-height:22px}.results-header__resume__count{background-color:rgba(0,0,0,.3);border-radius:5px;color:#fff;display:inline-block;font-size:16px;font-weight:400;margin-bottom:3px;padding:3px 10px}.results__title{font-family:Alfa Slab One,cursive;font-size:25px;margin-bottom:10px}.results__verb{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.results__verb__tense{background-color:hsla(0,0%,100%,.6);border-radius:5px;display:block;margin-bottom:10px;padding:20px;width:295px}.results__verb__tense__title{font-weight:700;margin-bottom:10px}.results__verb__tense__persons__emphasis{font-weight:700;line-height:1.2em;text-transform:lowercase}.results__verb__tense__persons__answer{margin-bottom:5px}.results__verb__tense__persons__answer__attempts{background-color:rgba(0,0,0,.1);border-radius:3px;color:#000;display:inline-block;font-family:monospace;margin-right:5px;padding:3px 5px}.results__verb__tense__persons__answer__attempts--has-wrong-answers{cursor:pointer}.results__verb__tense__persons__answer--correct-first-try .results__verb__tense__persons__answer__attempts{background-color:green;color:#fff}.results__verb__tense__persons__answer--correct-subsequent-try .results__verb__tense__persons__answer__attempts{background-color:#ff0}.results__verb__tense__persons__answer--incorrect .results__verb__tense__persons__answer__attempts{background-color:red;color:#fff}@media only screen and (max-width:400px){.app,.blanket{align-items:unset;justify-content:unset}.title{font-size:30px;line-height:30px}}@media only screen and (max-width:600px){.results__verb__tense{width:100%}}