@import url('https://fonts.googleapis.com/css2?family=Bitcount+Prop+Single:wght@100..900&family=Love+Ya+Like+A+Sister&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');:root{--color-mainboard: #5f6330;--color-text: #444;--color-00: #023b0e;--color-01: #ff9b00;--color-02: #ff4117;--color-03: #cc1e6b;--color-04: #6a40b6;--color-info-back: #554fff;--default-spacing: 20px;--font-head: "Love Ya Like A Sister";--font-text: 'Open Sans';--font-scoreboard: 'Bitcount Prop Single';--font-size-large: 20pt;--font-size-small: 10pt}body{position:relative;background-image:url('../jpg/emotion_blurred.jpg');background-position:center;background-size:cover;background-attachment:fixed;margin:0;padding:0}body>div{align-content:end;background-image:url('../jpg/emotion_none.jpg');background-position-x:center;background-position-y:20%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;display:grid;max-width:842px;margin:0 auto;min-height:100dvh}@media screen and (min-width:842px){body>div{background-size:842px}}body.emotion_angry>div{background-image:url('../jpg/emotion_angry.jpg')}body.emotion_exited>div{background-image:url('../jpg/emotion_exited.jpg')}body.emotion_happy>div{background-image:url('../jpg/emotion_happy.jpg')}body.emotion_neutral>div{background-image:url('../jpg/emotion_neutral.jpg')}body.emotion_none>div{background-image:url('../jpg/emotion_none.jpg')}.container>div{background-image:url('../jpg/emotion_none.jpg');background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}@keyframes fade{0%,100%{transform:scale(0.94)}50%{transform:scale(1)}}.feedback>div{position:fixed;top:10px;left:20px;right:20px;padding:20px;font-family:"Love Ya Like A Sister";border:3px solid white;border-radius:10px}.feedback .info{background-color:#1f7c00;color:#fffcf2}.feedback .error{background-color:#d10000;color:#fffcf2;animation:fade 2s ease-in-out;animation-iteration-count:infinite;transform-origin:bottom left}@keyframes fade{0%,100%{transform:scale(0.95)}50%{transform:scale(1)}}.mainboard{background-color:#5f6330;margin:20px auto;max-width:400px;border:3px solid white;border-radius:10px;padding:20px;position:relative;font-family:'Open Sans'}.mainboard:empty{display:none}.mainboard h1{color:#fffcf2;font-size:20pt;font-weight:normal;margin:0 0 10px 0;text-align:center}.mainboard h2{color:#fffcf2;font-size:12pt;font-weight:normal;text-align:center}.mainboard .inputbar{display:grid;grid-template-columns:1fr 40px}.mainboard .inputbar input{padding:5px;border:none;outline:none;border-radius:10px 0 0 10px}.mainboard .inputbar input::placeholder{font-size:10pt;color:#9c9c9c}.mainboard .inputbar button{padding:5px;border:none;outline:none;border-radius:0 10px 10px 0}.mainboard .xinputbar{text-align:center}.mainboard .xinputbar input{border-radius:10px;border:0;font-size:20px;padding:5px}.mainboard .xinputbar button{border-radius:10px;border:0;font-size:20px;padding:5px;width:100%}.question_container h3{background-color:#023b0e;border-radius:10px;border:2px solid white;color:white;font-family:'Open Sans';font-size:10pt;font-weight:normal;left:0;margin-inline:auto;padding:5px 10px;position:absolute;right:0;text-align:center;top:-30px;width:fit-content}.question_container .question{text-align:center;margin:20px 0;font-family:"Love Ya Like A Sister";font-size:20pt;color:white}.question_container .circled{align-items:center;aspect-ratio:1;border-radius:50%;border:2px solid white;color:white;display:flex;font-family:"Love Ya Like A Sister";font-size:20pt;justify-content:center;width:40px}@media screen and (min-width:600px){.question_container .circled{width:60px}}.question_container .actions{text-align:center;margin-top:20px}.question_container .actions button{padding:10px}.question_container .explanation{background-color:bisque;padding:10px;margin:10px;font-size:10pt}.question_container .explanation:empty{display:none}.options.answered button:not(.answered){border-color:#808080;background-color:#696969;color:#a0a0a0}.options.answered button:not(.answered) .circled{background-color:#696969;color:#a0a0a0}.question_container.images .options{display:flex;flex-wrap:balance;gap:20px;justify-content:center}.question_container.images .options button{background-position:center center;background-size:cover;border:4px solid white;box-shadow:3px 3px 20px 3px #808080;height:100px;position:relative;width:100px}.question_container.images .options button>div{left:-29px;position:absolute;top:-29px}@media screen and (min-width:600px){.question_container.images .options button{height:200px;width:200px}}.question_container.images .options button.correct::before{content:' ';bottom:-7px;position:absolute;right:-13px;height:50px;background-image:url('/assets/png/correct.png');width:50px;background-size:contain}.question_container.images .options.answered button:not(.answered){border-color:#808080;filter:grayscale(1) contrast(0.5)}.question_container.images .question{margin-bottom:40px}.question_container.pie{text-align:center}.question_container.pie svg{width:65%;text-align:center}.question_container.pie svg circle{fill:#f0f0f0;stroke:#404040}.question_container.pie svg line{stroke:#404040;transform-origin:center}.question_container.pie svg text{text-anchor:middle;font-weight:bold;font-weight:bold;text-transform:uppercase;font-size:21pt}.question_container.pie svg text.q{stroke:#ff9700;fill:red}.question_container.pie svg foreignObject{width:100%;height:100%}.question_container.pie svg foreignObject div{width:100%;height:100%}.question_container.pie svg foreignObject>div>div{width:41%;margin:0 auto;text-align:center;font-size:9pt;display:flex;align-items:center}.question_container.pie .options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.question_container.standard ol{list-style:upper-alpha}.question_container.standard .options{display:flex;gap:20px;justify-content:center}.question_container.standard .question_details{background-color:#fffcf2;padding:10px;margin:20px 0;border:3px solid #a0a0a0;border-radius:10px}.question_container.standard .question_details p{font-weight:bold}.question_container.standard .question_image img{width:125px;margin:0 auto;display:block;border:3px solid white;border-radius:10px}.scoreboard{background-color:#191919;border:3px inset #959595;font-family:var(--font-scoreboard);padding:20px}.scoreboard>div{box-shadow:inset -9px -10px 14px 4px #292929;color:red;display:grid;font-family:var(--font-scoreboard);gap:3px;padding:3px;grid-template-columns:1fr 50px;text-shadow:1px 1px 3px #f60f0f;width:100%}.scoreboard>div>div{background-color:#393939}.scoreboard>div>div:nth-child(even){text-align:right}.scoreboard>div>div:nth-child(1),.scoreboard>div>div:nth-child(2){color:#abffab;text-shadow:1px 1px 3px #abffab}.scoreboard>div .head{color:#d0d0d0}.scoreboard.two_columns>div{grid-template-columns:1fr 50px}.scoreboard.three_columns>div{grid-template-columns:1fr 30px 30px}.admin{padding:10px;text-align:center}.admin button{padding:10px}.backcolor_0{background-color:#023b0e}.backcolor_1{background-color:#ff9b00}.backcolor_2{background-color:#ff4117}.backcolor_3{background-color:#cc1e6b}.backcolor_4{background-color:#6a40b6}