:root{font-family:Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:grid;grid-template-rows:auto 1fr;align-items:center;justify-content:center;place-items:center;min-width:320px}.header{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:space-between;padding:2em;width:80%}.header .logo{height:8em;padding:1.5em;will-change:filter;transition:filter .3s}.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:center;justify-content:center;list-style:none;margin:0;padding:0}.menu li{margin:0 1em}.menu a{margin:0 1em;font-size:1.2em;font-weight:500;text-decoration:none;color:inherit}.menu a:hover{color:#646cff}.menu .current{color:#646cff!important}main{flex:1}h1{font-size:3.2em;line-height:1.1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;margin-left:10%;margin-right:10%;border:#535bf2 1px solid;border-radius:8px;box-shadow:0 0 2em #535bf2;background-color:#1a1a1a;color:#fff;text-align:center;margin-bottom:2em}.hero__image{width:50%;height:auto;object-fit:contain;display:block;margin-left:auto;margin-right:auto}.hero__content{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;padding:2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#515151;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff;background-color:#646cff;color:#fff;box-shadow:0 0 2em #858bf1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.quiz__options{display:grid;grid-template-columns:.3fr;align-items:center;justify-content:center;padding:2em;text-align:center;margin-bottom:2em}.quiz__options select{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#515151;border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;transition:border-color .25s}.quiz__options select:hover{border-color:#646cff}.quiz__options input{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#515151;border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;transition:border-color .25s;margin-bottom:2%}.quiz__options input:hover{border-color:#646cff}.quiz__options label{display:block;font-size:1.2em;font-weight:500;margin-bottom:.5em}.play__field{display:grid;grid-template-columns:1fr 2fr;align-items:center;justify-content:center;padding:2em;text-align:center;margin-bottom:2em}.quiz__info{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;padding:2em;text-align:center;margin-bottom:2em;margin-right:10%}.container{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;padding:2em;border:#535bf2 1px solid;border-radius:8px;box-shadow:0 0 2em #535bf2;background-color:#1a1a1a;color:#fff;text-align:center;margin-bottom:2em}.hidden{display:none!important}.question-container{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;padding:2em;text-align:center;margin-bottom:2em;display:none}.question-container.active{display:grid}.question-container h2{font-size:2em;line-height:1.1;margin-bottom:1em}.question-container p{font-size:1.2em;line-height:1.5;margin-bottom:1em;width:800px}.question-container button{margin-top:1em}.question-container ul{list-style:none;padding:0;margin:0}.question-container li{margin-bottom:1em}.question-container label{display:block;font-size:1.2em;font-weight:500;margin-bottom:.5em}.question-container input[type=radio]{margin-right:.5em}.question-container input[type=radio]:checked+label{color:#646cff}.question-container input[type=radio]:focus-visible+label{outline:2px solid #646cff}#quiz-name{font-size:1.5em;font-weight:500;margin-bottom:1em;align-items:center;justify-content:center;padding:2em;text-align:center}#quiz-name input{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#515151;border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;transition:border-color .25s;margin-bottom:2%}.question-accordion{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;padding:.1em;text-align:center;margin-bottom:2em;border:#535bf2 1px solid;border-radius:8px;box-shadow:0 0 2em #535bf2}.question-accordion h3{font-size:1.2em;line-height:1.1;margin-bottom:1em}.question__acc__content{display:none!important;padding:2em;color:#fff;text-align:center;margin-bottom:2em}.question__acc__content #buttons{align-items:center;justify-content:center;padding-top:1em}.acc_question{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;text-align:center;margin-bottom:2em}.question-accordion.active .question__acc__content{display:block!important}.quiz__type{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;padding:2em;text-align:center}.quiz__type button{margin:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#515151;cursor:pointer;transition:border-color .25s}@keyframes firework{0%{transform:translate(var(--x),var(--initialY));width:var(--initialSize);opacity:1}50%{width:.5vmin;opacity:1}to{width:var(--finalSize);opacity:0}}.firework,.firework:before,.firework:after{--initialSize: .5vmin;--finalSize: 45vmin;--particleSize: .2vmin;--color1: yellow;--color2: khaki;--color3: white;--color4: lime;--color5: gold;--color6: mediumseagreen;--y: -30vmin;--x: -50%;--initialY: 60vmin;content:"";animation:firework 2s infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,var(--y));width:var(--initialSize);aspect-ratio:1;background:radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 50% 0%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 50%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 50% 100%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 0% 50%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 80% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 95% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 90% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 55% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 70% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 22% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 45% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 10% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 31% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 28% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 13% 72%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 80% 10%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 95% 14%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 90% 23%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 100% 43%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 85% 27%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 77% 37%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 60% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 22% 14%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 45% 20%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 34%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 10% 29%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 31% 37%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 28% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 13% 42%;background-size:var(--initialSize) var(--initialSize);background-repeat:no-repeat}.firework:before{--x: -50%;--y: -50%;--initialY: -50%;transform:translate(-50%,-50%) rotate(40deg) scale(1.3) rotateY(40deg)}.firework:after{--x: -50%;--y: -50%;--initialY: -50%;transform:translate(-50%,-50%) rotate(170deg) scale(1.15) rotateY(-30deg)}.firework:nth-child(2){--x: 30vmin}.firework:nth-child(2),.firework:nth-child(2):before,.firework:nth-child(2):after{--color1: pink;--color2: violet;--color3: fuchsia;--color4: orchid;--color5: plum;--color6: lavender;--finalSize: 40vmin;left:30%;top:60%;animation-delay:-.25s}.firework:nth-child(3){--x: -30vmin;--y: -50vmin}.firework:nth-child(3),.firework:nth-child(3):before,.firework:nth-child(3):after{--color1: cyan;--color2: lightcyan;--color3: lightblue;--color4: PaleTurquoise;--color5: SkyBlue;--color6: lavender;--finalSize: 35vmin;left:70%;top:60%;animation-delay:-.4s}@media screen and (max-width: 600px){:root{font-size:14px}.header{grid-template-columns:1fr;grid-template-rows:auto auto;justify-content:center;text-align:center;padding:1em}.header .logo{grid-row:1;grid-column:1;justify-self:center;margin:1% 1% 20px}.menu{grid-row:2;grid-column:1;justify-self:center;margin-bottom:15%}.hero{grid-template-columns:1fr;grid-template-rows:auto auto;margin-left:10%;margin-right:10%}.hero__image{width:100%;height:auto;object-fit:contain;display:block;margin-left:auto;margin-right:auto}.hero__content{grid-row:2;grid-column:1;justify-self:center;padding:1em}.quiz__options{padding:1em;margin-bottom:1em}.quiz__options select,.quiz__options input{width:100%;margin-bottom:1em}.quiz__options label{font-size:1em}.play__field{grid-template-columns:1fr;padding:1em;margin-bottom:1em}.quiz__info{padding:1em;margin-bottom:1em;margin-right:5%}.container,.question-container{padding:1em;margin-bottom:1em}.question-container h2{font-size:1.5em;margin-bottom:1em}.question-container p{font-size:1em;margin-bottom:1em;width:auto}.question-container button{margin-top:1em;font-size:1em}.question-container ul{margin:0;padding:0}.question-container li{margin-bottom:1em}.question-container label{font-size:1em}.question-container input[type=radio]{margin-right:.5em}.question-accordion h3{font-size:1em;margin-bottom:1em}.question__acc__content{padding:1em;margin-bottom:1em}.question__acc__content #buttons{padding-top:.5em}.quiz__type{padding:1em;margin-bottom:1em}button{font-size:1em;padding:.5em 1em}}