*{margin:0;padding:0;box-sizing:border-box;transition:.15s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,.14s box-shadow linear}*::selection{background-color:#fb6f92;color:#fff}html{scroll-behavior:smooth}h1,h2,h3,h4{font-weight:700}body{width:100%;height:100vh;font-size:18px;line-height:24px;position:relative;overflow-x:hidden;font-family:Varela Round}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;background-color:transparent;transition:.15s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,.14s box-shadow linear,background-color linear .12s}@media only screen and (max-width: 565px){body{font-size:16px}}img{max-width:100%;height:auto}ul{margin:0;padding:0}li{list-style:none}a{text-decoration:none}.noselect{user-select:none}.section-container{max-width:1150px;width:100%;margin:0 auto;text-align:center;padding:45px 15px}@media only screen and (max-width: 992px){.section-container{padding:25px 15px}}@media only screen and (max-width: 565px){.section-container{padding:20px 10px}}.btn{display:inline-block;min-width:145px;max-width:fit-content;width:100%;background-color:#252422;color:#f1f0ec;font-family:inherit;font-size:inherit;line-height:22px;border:2px solid transparent;padding:10px 15px;border-radius:10px;cursor:pointer}@media only screen and (max-width: 768px){.btn{padding:5px}}.btn:disabled{background-color:#2524228c!important;cursor:no-drop!important;color:#f1f0ec!important;border-color:transparent!important;transform:translate(0)!important}.btn:hover{transform:translateY(-5px);border-color:#252422;color:#252422;background-color:transparent}.header .section-container{display:flex;justify-content:space-between;align-items:center;padding:7px 15px}@media only screen and (max-width: 565px){.header .section-container{padding:5px 10px}}.header .logo-container{width:120px}@media only screen and (max-width: 565px){.header .logo-container{width:90px}}.header .nav-list{display:flex;justify-content:space-between;align-items:center}.header .nav-list-item{font-family:Nunito;padding:0 15px;color:#454545;font-weight:500;line-height:22px}@media only screen and (max-width: 768px){.header .nav-list-item{padding:0 10px}}.header .nav-list-item.nolink{border-right:2px solid #454545}@media only screen and (max-width: 565px){.header .nav-list-item.nolink{display:none}}.header .nav-link{color:#fb6f92;position:relative}.header .nav-link:after{content:"";position:absolute;width:0;height:2px;background-color:#fb6f92;bottom:0;left:50%;transform:translate(-50%);border-radius:40px;transition:.1s width linear}.header .nav-link:hover:after{width:50%}.header .nav-toggle-btn{display:flex;justify-content:space-between;align-items:center;cursor:pointer;height:20px}.header .nav-toggle-btn .bar{position:relative;width:20px;height:2.3px;background-color:#fb6f92;border-radius:100px;transition:.15s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,.14s box-shadow linear}.header .nav-toggle-btn .bar:after,.header .nav-toggle-btn .bar:before{content:"";width:inherit;height:2.5px;background-color:inherit;border-radius:inherit;position:absolute;left:0;transition:inherit}.header .nav-toggle-btn .bar:after{top:6.4px}.header .nav-toggle-btn .bar:before{bottom:6.4px}.header .side-nav{z-index:100;display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:100vh;width:25%;background-color:#fb6f92;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;position:absolute;text-align:right;top:0;right:0;padding:40px 60px;transform:translate(100%);transition:.15s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,.14s box-shadow linear,transform .1s linear}@media only screen and (max-width: 992px){.header .side-nav{width:40%;padding:40px}}@media only screen and (max-width: 565px){.header .side-nav{width:60%}}.header .side-nav-list{max-width:200px;margin-left:auto}.header .side-nav-link{font-size:18px;display:flex;justify-content:right;align-items:center;gap:10px;color:#f1f0ec;line-height:22px;margin:18px 0;position:relative}.header .side-nav-link:after{content:"";position:absolute;left:-13px;top:50%;transform:translateY(-50%);width:0%;height:3px;background-color:#f1f0ec;transition:inherit;border-radius:100px}.header .side-nav-link:hover:after{width:10px}.header.home .section-container{align-items:flex-start}.header.home .logo-container{width:180px}@media only screen and (max-width: 768px){.header.home .logo-container{width:150px}}@media only screen and (max-width: 565px){.header.home .logo-container{width:130px}}.header.home .nav{padding-top:20px}.header.home .nav-list-item{display:none}.active-nav:before{z-index:100;background-color:#252422b3}.active-nav .side-nav{transform:translate(0)}.about-section{position:relative}.about-section .title{font-size:48px;line-height:54px}.about-section .content{margin-top:30px;margin-left:30px;max-width:530px;text-align:justify;padding:35px 30px;border-radius:20px;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px}@media only screen and (max-width: 565px){.about-section .content{margin-left:0}}.about-section .content .color,.about-section .content .link{color:#fb6f92}.about-section .content .link{text-decoration:underline}.home-section{text-align:center}.home-section .heading{font-weight:500;font-size:22px;line-height:28px;text-align:center;max-width:750px;margin:0 auto 60px}@media only screen and (max-width: 768px){.home-section .heading{font-size:20px;line-height:25px;margin:0 auto 35px}}@media only screen and (max-width: 565px){.home-section .heading{font-size:18px;line-height:22px}}.home-section .categories-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;max-width:800px;margin:30px auto}@media only screen and (max-width: 565px){.home-section .categories-container{gap:8px}}.home-section .category{padding:8px 20px;background-color:#fb6f92;border-radius:5px;cursor:pointer}@media only screen and (max-width: 768px){.home-section .category{padding:5px 15px}}@media only screen and (max-width: 565px){.home-section .category{padding:4px 10px}}.home-section .category:hover,.home-section .category.select{background-color:#fb6f9280}.game-section{text-align:center}.game-section h2{font-size:inherit}.game-section .category{text-transform:uppercase;color:#fb6f92;margin-bottom:15px;line-height:26px}@media only screen and (max-width: 768px){.game-section .category{font-size:16px;line-height:18px;margin-bottom:5px}}.game-section .index{color:#ccc5b9;font-size:15px}.game-section .question{max-width:850px;margin:10px auto 0;font-size:20px;line-height:26px;color:#454545;height:90px}@media only screen and (max-width: 768px){.game-section .question{font-size:18px;line-height:22px;max-width:600px}}.game-section .options{margin:0 auto;text-align:left;max-width:800px;width:100%}@media only screen and (max-width: 768px){.game-section .options{max-width:550px}}.game-section .option{display:flex;justify-content:left;align-items:center;font-family:Nunito;background-color:#ccc5b973;padding:10px 20px;margin:15px auto;border:3px dashed transparent;border-radius:15px;cursor:pointer;gap:13px}.game-section .option .radio-dot{padding:8px;width:20px;height:20px;border:2px solid rgba(69,69,69,.5);border-radius:40px;position:relative}.game-section .option .radio-dot:before{content:"";width:9px;height:9px;position:absolute;border-radius:inherit;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;transition:inherit}.game-section .option:hover,.game-section .option.selected{border-color:#fb6f92;background-color:#fb6f921a}.game-section .option:hover .radio-dot,.game-section .option.selected .radio-dot{border-color:#fb6f92}.game-section .option:hover .radio-dot:before,.game-section .option.selected .radio-dot:before{background-color:#fb6f92}.game-section .button-container{margin-top:45px;display:flex;justify-content:center;align-items:center;gap:25px}@media only screen and (max-width: 565px){.game-section .button-container{margin-top:30px;gap:10px}}.game-section .button-container .btn{padding:15px 10px;border-radius:10px;display:flex;justify-content:center;align-items:center;max-width:230px;gap:5px;color:#252422;border-color:transparent!important;transform:translate(0)!important}@media only screen and (max-width: 768px){.game-section .button-container .btn{padding:10px 5px}}@media only screen and (max-width: 565px){.game-section .button-container .btn{max-width:fit-content}.game-section .button-container .btn-text{display:none}}.game-section .button-container .btn:hover,.game-section .button-container .btn:active{box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.game-section .button-container .btn svg{font-size:20px}.game-section .button-container .btn.prev{background-color:#ccc5b9}.game-section .button-container .btn.next{background-color:#fb6f92}.game-section .button-container .btn:disabled{opacity:.5}.end-result{box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:450px;margin:0 auto;text-align:center;padding:40px 10px;font-weight:700;border-radius:15px;z-index:300}@media only screen and (max-width: 565px){.end-result{max-width:300px;padding:30px 10px}}.end-result .title{font-size:30px;line-height:38px;margin-bottom:10px;color:#fb6f92;text-transform:uppercase}@media only screen and (max-width: 768px){.end-result .title{font-size:24px;line-height:28px}}.end-result .text{color:#454545}.end-result .score{font-size:40px;line-height:48px;color:#fb6f92;padding:10px 0}@media only screen and (max-width: 768px){.end-result .score{font-size:34px;line-height:38px}}.end-result .btn{margin-top:20px}.end-result .redirect-link{background-color:transparent;border:none;font-family:inherit;font-size:16px;margin-top:13px;cursor:pointer;text-decoration:underline;color:#fb6f92}.end-result .redirect-link:hover,.end-result .redirect-link:focus{color:#252422}.end-game:before{z-index:100;background-color:#2524228c}