body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}a{color:inherit;text-decoration:none}*{-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:768px){.hidden-on-mobile{display:none}}:root{--brand-primary:#1259db;--brand-secondary:#81f7ff;--brand-terciary:#071abf;--brand-green:#02fd60;--brand-orange:#feb404;--brand-lightblue:#04c0fe;--brand-red:#ef5124;--brand-pink:#e304b1;--background-wrong:#e9e006;--color-wrong:#d82f2f;--font-primary:"Roboto";--font-secondary-bold:"StateWideSoftBold";--font-quiz:"AbeeZee",sans-serif;--font-secondary-quiz:"Quicksand",sans-serif;--font-terciary-quiz:"Bai Jamjuree",sans-serif}.badge{padding:5px;border-radius:5px;color:#000;font-size:14px;display:inline-block;font-weight:700;margin-bottom:10px}.green{background-color:var(--brand-green)}.pink{background-color:var(--brand-pink)}.orange{background-color:var(--brand-orange)}.lightblue{background-color:var(--brand-lightblue)}.red{background-color:var(--brand-red)}.green{background-color:#1ccd0f}.green .label-author{background-color:#000;color:#1ccd0f}.green .author{color:#fff}.green .title{color:#000}.green .card{border:2px solid #000}.green .card:hover{border:2px solid #fff}.green .answer{color:#000}.green .container-icon{margin-left:40px}.green .container-icon img{width:100%;max-width:300px}.green .container--correct{background-color:#1ccd0f}.green .title--correct{color:#000}.green .container--wrong{background-color:#000}.green .title--wrong{color:#1ccd0f}.green .description--correct{color:#000}.green .description--wrong{color:#aaa}.green .button--correct{background-color:#000;color:#1ccd0f}.green .button--wrong{background-color:transparent;border:1px solid #1ccd0f;color:#1ccd0f}.brown{background-color:#683618}.brown .label-author{background-color:#1ccd0f;color:#683618}.brown .author,.brown .title{color:#fff}.brown .card{border:2px solid #fff}.brown .card:hover{border:2px solid #1ccd0f}.brown .answer{color:#fff}.brown .container-icon{margin-left:40px}.brown .container-icon img{width:100%;max-width:400px}.brown .container--correct{background-color:#683618}.brown .title--correct{color:#1ccd0f}.brown .container--wrong{background-color:#e9e006}.brown .title--wrong{color:#d82f2f}.brown .description--correct{color:#f6eed2}.brown .description--wrong{color:#000}.brown .button--correct{background-color:#1ccd0f;color:#fff}.brown .button--wrong{background-color:transparent;border:1px solid #000;color:#000}.blue{background-color:#1259db}.blue .label-author{background-color:#81f7ff;color:#071abf}.blue .author{color:#071abf}.blue .title{color:#fff}.blue .card{border:2px solid #041463}.blue .card:hover{border:2px solid #81f7ff}.blue .answer{color:#fff}.blue .container-icon{margin-left:40px}.blue .container-icon img{width:100%;max-width:300px}.blue .container--correct{background-color:#fff}.blue .title--correct{color:#071abf}.blue .container--wrong{background-color:#e9e006}.blue .title--wrong{color:#d82f2f}.blue .description--correct{color:#071abf}.blue .description--wrong{color:#000}.blue .button--correct{background-color:#071abf;color:#fff}.blue .button--wrong{background-color:transparent;border:1px solid #000;color:#000}.blue2{background-color:#1259db}.blue2 .label-author{background-color:#81f7ff;color:#071abf}.blue2 .author{color:#071abf}.blue2 .title{color:#fff}.blue2 .card{border:2px solid #041463}.blue2 .card:hover{border:2px solid #81f7ff}.blue2 .answer{color:#fff}.blue2 .container-icon{margin-left:40px}.blue2 .container-icon img{width:100%;max-width:300px}.blue2 .container--correct{background-color:#4dc7f4}.blue2 .title--correct{color:#071abf}.blue2 .container--wrong{background-color:#e9e006}.blue2 .title--wrong{color:#d82f2f}.blue2 .description--correct{color:#071abf}.blue2 .description--wrong{color:#000}.blue2 .button--correct{background-color:#071abf;color:#fff}.blue2 .button--wrong{background-color:transparent;border:1px solid #000;color:#000}.lightblue{background-color:#d5edf4}.lightblue .label-author{background-color:#905aa1;color:#d5edf4}.lightblue .author{color:#d5edf4}.lightblue .title{color:#041463}.lightblue .card{border:2px solid #9abbc5}.lightblue .card:hover{border:2px solid #041463}.lightblue .answer{color:#041463}.lightblue .container-icon{margin-left:40px}.lightblue .container-icon img{width:100%;max-width:300px}.lightblue .container--correct{background-color:#d5edf4}.lightblue .title--correct{color:#905aa1}.lightblue .container--wrong{background-color:#e9e006}.lightblue .title--wrong{color:#d82f2f}.lightblue .description--correct{color:#041463}.lightblue .description--wrong{color:#000}.lightblue .button--correct{background-color:#905aa1;color:#fff}.lightblue .button--wrong{background-color:transparent;border:1px solid #000;color:#000}.white{background-color:#fff}.white .label-author{background-color:#905aa1;color:#fff}.white .author{color:#fff}.white .title{color:#35495e}.white .card{border:2px solid #35495e}.white .card:hover{border:2px solid #ff800b}.white .answer{color:#35495e}.white .container-icon{margin-left:40px}.white .container-icon img{width:100%;max-width:300px}.white .container--correct{background-color:#fff}.white .title--correct{color:#905aa1}.white .container--wrong{background-color:#e9e006}.white .title--wrong{color:#d82f2f}.white .description--correct{color:#35495e}.white .description--wrong{color:#000}.white .button--correct{background-color:#ff800b;color:#fff}.white .button--wrong{background-color:transparent;border:1px solid #000;color:#000}.lightgreen{background-color:#0bef9d}.lightgreen .label-author{background-color:#fff;color:#35495e}.lightgreen .author{color:#05c680}.lightgreen .title{color:#35495e}.lightgreen .card{border:2px solid #35495e}.lightgreen .card:hover{border:2px solid #fff}.lightgreen .answer{color:#35495e}.lightgreen .container-icon{margin-left:40px}.lightgreen .container-icon img{width:100%;max-width:300px}.lightgreen .container--correct{background-color:#0bef9d}.lightgreen .title--correct{color:#35495e}.lightgreen .container--wrong{background-color:#e9e006}.lightgreen .title--wrong{color:#d82f2f}.lightgreen .description--correct{color:#35495e}.lightgreen .description--wrong{color:#000}.lightgreen .button--correct{background-color:#35495e;color:#fff}.lightgreen .button--wrong{background-color:transparent;border:1px solid #000;color:#000}.cream{background-color:#f6eed2}.cream .label-author{background-color:#905aa1;color:#f6eed2}.cream .author{color:#81f7ff}.cream .title{color:#35495e}.cream .card{border:2px solid #905aa1}.cream .card:hover{border:2px solid #fff}.cream .answer{color:#35495e}.cream .container-icon{margin-left:40px}.cream .container-icon img{width:100%;max-width:300px}.cream .container--correct{background-color:#f6eed2}.cream .title--correct{color:#35495e}.cream .container--wrong{background-color:#e9e006}.cream .title--wrong{color:#d82f2f}.cream .description--correct{color:#35495e}.cream .description--wrong{color:#000}.cream .button--correct{background-color:#905aa1;color:#fff}.cream .button--wrong{background-color:transparent;border:1px solid #000;color:#000}.darkblue{background-color:#041463}.darkblue .label-author{background-color:#f4ee4d;color:#041463}.darkblue .author{color:#041463}.darkblue .title{color:#f4ee4d}.darkblue .card{border:2px solid #f4ee4d}.darkblue .card:hover{border:2px solid #fff}.darkblue .answer{color:#f4ee4d}.darkblue .container-icon{margin-left:40px}.darkblue .container-icon img{width:100%;max-width:300px}.darkblue .container--correct{background-color:#041463}.darkblue .title--correct{color:#f4ee4d}.darkblue .container--wrong{background-color:#e9e006}.darkblue .title--wrong{color:#d82f2f}.darkblue .description--correct{color:#f6eed2}.darkblue .description--wrong{color:#000}.darkblue .button--correct{background-color:#f4ee4d;color:#041463}.darkblue .button--wrong{background-color:transparent;border:1px solid #000;color:#000}@media(max-width:768px){.container-icon{margin-left:0!important;margin-top:40px;width:100%;max-width:300px}}