:root{--mp-primary: hsl(190deg, 80%, 50%);--mp-primary-light: hsl(190deg, 80%, 90%);--mp-primary-lightest: hsl(190deg, 80%, 99%);--mp-text: hsl(190deg, 80%, 20%);--mp-accent: hsl(0deg, 80%, 50%);--mp-accent-light: hsl(0deg, 80%, 95%);--mp-success: hsl(90deg, 75%, 50%);--mp-success-light: hsl(90deg, 80%, 95%);--mp-cream: hsl(30deg, 2%, 95%)}body{margin:0;background-color:var(--mp-primary-lightest)}@font-face{font-family:"Press Start 2P";src:url(/mp-quiz/PressStart2P-Regular.ttf) format("ttf"),url(/mp-quiz/PressStart2P-Regular.woff) format("woff");font-weight:400}.mp-text{font-family:sans-serif;font-size:16px;line-height:1;margin:16px 0}.mp-heading{font-family:"Press Start 2P",sans-serif;color:var(--mp-primary);letter-spacing:0}.mp-button{font-size:13px;color:var(--mp-text)}.mp-button:hover,.mp-panel:hover .mp-button{animation:wobble .4s infinite}.mp-button:focus{outline-offset:2px;outline-width:4px;outline-style:dashed;outline-color:var(--mp-primary)}.mp-button.jazzy{margin:0 0 16px;display:block;font-family:"Press Start 2P",sans-serif;text-transform:uppercase;letter-spacing:1px;padding:8px;border:4px solid var(--mp-primary);color:var(--mp-primary);background-color:var(--mp-primary-light)}.mp-button.jazzy:hover{color:#fff;background-color:var(--mp-primary)}.mp-button.jazzy-green{color:var(--mp-success);border-color:var(--mp-success);background-color:var(--mp-success-light)}.mp-button.jazzy-green:hover{color:var(--mp-success-light);background-color:var(--mp-success)}.mp-button.jazzy-red{margin:0 0 4px;color:var(--mp-accent);border-color:var(--mp-accent);background-color:var(--mp-accent-light)}.mp-button.jazzy-red:hover{color:var(--mp-accent-light);background-color:var(--mp-accent)}.mp-button.jazzy-red:focus{outline-color:var(--mp-accent)}.mp-button.jazzy-green:focus{outline-color:var(--mp-success)}.mp-pane-container{margin:0 16px;display:flex;justify-content:center}.mp-pane-container div{background-color:#fff;min-width:50%;padding:16px;border:4px solid var(--mp-primary)}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(1.5deg)}50%{transform:rotate(0)}75%{transform:rotate(-1.5deg)}to{transform:rotate(0)}}.autocomplete{font-size:16px;width:320px;margin:0 0 16px}.autocomplete-input{font-size:16px;border:4px solid var(--mp-primary);border-width:0 0 4px 0;font-weight:700!important;color:var(--mp-primary);background-color:var(--mp-primary-lightest)}.autocomplete-input::placeholder{opacity:1}.autocomplete-input:focus{border:none;outline-style:dashed;outline-width:4px;outline-color:var(--mp-primary)}.autocomplete-list{border-color:var(--mp-primary)!important}.autocomplete-list-item{color:var(--mp-text)!important}.autocomplete-list-item.selected{color:#fff!important;background-color:var(--mp-primary)!important}