.home{position:relative;display:flex;flex-direction:column;align-items:center;color:#fbfcfa;background-image:url(/assets/background-BROEKJ0V.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:125px 0 175px}@media (max-width: 810px){.home{padding:75px 20px 175px}}@media (max-width: 480px){.home{padding:50px 20px 175px}}.home:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000bf;z-index:0}.home__h2{font-family:merriweather,sans-serif;font-weight:700;font-size:40px;text-align:center;margin:0 0 50px;position:relative}.home__description{max-width:800px;margin:0;position:relative}.question__details{height:400px}h4{font-family:merriweather,serif;font-size:20px;margin-bottom:10px;text-align:center}.answers__list{display:flex;justify-content:center;flex-direction:column;align-items:center;list-style:none;padding:0}.answer__item{font-family:merriweather,serif;font-size:16px;background-color:#eee;padding:15px;margin:10px 0;border:none;border-radius:25px;cursor:pointer}.answer__item:hover{color:#fbfcfa;background-color:#0070de;box-shadow:0 6px 12px #0006}.restart__button{font-family:merriweather,serif;font-size:16px;background-color:#0070de;border:none;color:#fff;padding:10px 20px;margin-top:20px;cursor:pointer;border-radius:25px}.restart__button:hover{background-color:#0056b3}.ability-display{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fbfcfa;max-width:800px;margin:auto}@media (max-width: 810px){.ability-display{padding:0 20px}}@media (max-width: 480px){.ability-display{padding:0 20px 100px}}@media (max-width: 420px){.ability-display{padding:0 20px 150px}}@media (max-width: 380px){.ability-display{padding:0 20px 200px}}@media (max-width: 320px){.ability-display{padding:0 20px 225px}}.div-random-ability{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fbfcfa;margin:auto;width:100%;background-color:#121624}.random-ability-btn{font-family:merriweather,serif;font-size:16px;font-weight:700;background-color:#0070de;padding:15px 20px;cursor:pointer;border:none;border-radius:25px;color:#fbfcfa;position:relative;top:-115px}@media (max-width: 810px){.random-ability-btn{color:#fbfcfa;background-color:#0070de}}.random-ability-btn:hover{color:#000;background-color:#eee}@media (max-width: 810px){.random-ability-btn:hover{color:#fbfcfa;background-color:#0070de}}.random-ability-btn:active{outline:none;background-color:#0070de;color:#fbfcfa}@media (max-width: 810px){.random-ability-btn:active{color:#fbfcfa;background-color:#0070de}}.random-ability-btn-second{font-family:merriweather,serif;font-size:16px;font-weight:700;background-color:#0070de;padding:15px 20px;margin:40px 0 75px;cursor:pointer;border:none;border-radius:25px;color:#fbfcfa;position:relative}@media (max-width: 480px){.random-ability-btn-second{top:100px}}@media (max-width: 420px){.random-ability-btn-second{top:150px}}@media (max-width: 380px){.random-ability-btn-second{top:200px}}@media (max-width: 320px){.random-ability-btn-second{top:225px}}.random-ability-btn-second:hover{color:#000;background-color:#eee}@media (max-width: 810px){.random-ability-btn-second:hover{color:#fbfcfa;background-color:#0070de}}.random-ability-btn-second:active{outline:none;background-color:#0070de;color:#fbfcfa}@media (max-width: 810px){.random-ability-btn-second:active{color:#fbfcfa;background-color:#0070de}}.random__h4{text-align:center;margin:0 0 24px;font-size:24px}.random__h3{margin-top:10px;font-size:30px;text-align:center}.random_p{font-family:merriweather,serif;font-size:14px;margin:0 0 25px}.random__img{position:relative;display:inline-block;border-radius:15px;overflow:hidden}.random__img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#0000 25%,#000);border-radius:15px;pointer-events:none;z-index:10}.img-random{display:block;width:100%;border-radius:15px;position:relative;z-index:0}.div-home{position:relative}.boss__buttons__list{display:flex;flex-direction:row;list-style-type:none;padding:0;gap:35px}@media (max-width: 810px){.boss__buttons__list{flex-direction:column;align-items:center;gap:20px}}.boss__buttons__list__item{font-family:lato,sans-serif;font-weight:700;font-size:18px;cursor:pointer;height:50px;padding:0 20px;border:none;border-radius:25px;background-color:#fbfcfa;transition:transform .2s ease-in-out,background-color .2s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 4px 8px #0000004d}.boss__buttons__list__item:hover{color:#fbfcfa;background-color:#0070de;transform:scale(1.065);box-shadow:0 6px 12px #0006}.selected{background-color:#0070de;color:#fbfcfa}.selected:hover{transform:none;box-shadow:0 6px 12px #0006}.ability-carousel{position:relative;width:100%;max-width:800px;margin:0 auto;text-align:center}@media (max-width: 810px){.ability-carousel{padding-bottom:75px}}@media (max-width: 480px){.ability-carousel{padding-bottom:125px}}@media (max-width: 420px){.ability-carousel{padding-bottom:150px}}@media (max-width: 380px){.ability-carousel{padding-bottom:200px}}@media (max-width: 320px){.ability-carousel{padding-bottom:250px}}.ability-carousel__button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;font-size:60px;cursor:pointer;color:#fbfcfa;z-index:10;transition:transform .3s ease,color .3s ease,box-shadow .3s ease;will-change:transform,box-shadow}@media (max-width: 480px){.ability-carousel__button{font-size:40px}}.ability-carousel__button:hover{transform:translateY(-50%) scale(1.2)}.ability-carousel__button--left{left:-60px}@media (max-width: 810px){.ability-carousel__button--left{left:15px}}.ability-carousel__button--right{right:-60px}@media (max-width: 810px){.ability-carousel__button--right{right:15px}}.ability-carousel__content{display:flex;justify-content:center;align-items:center;position:relative}@media (max-width: 810px){.ability-carousel__content{padding:0 20px}}.ability-carousel__item{text-align:center}.ability-carousel__image-wrapper{position:relative;display:inline-block;border-radius:15px}.ability-carousel__image-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#0000 25%,#000);border-radius:15px;pointer-events:none}img{display:block;width:100%;border-radius:15px}h3{font-family:merriweather,serif;font-size:24px}.answers__list{list-style:none;padding:0}.abilities_description{margin:0 0 25px}.dungeon__container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#282c34;color:#fff}h2{font-family:merriweather,sans-serif;font-weight:700;font-size:36px;text-align:center;margin:40px 0 24px}p{font-family:merriweather,serif;font-size:14px;text-align:center}.p_duration{font-family:merriweather,serif;font-size:14px;text-align:center;margin:5px 5px 24px}.div-test{display:flex;flex-direction:column;align-items:center;max-width:700px;padding:0 20px}.header__container{display:flex;justify-content:center;align-items:baseline;color:#fbfcfa;padding:20px 0;gap:15px}@media (max-width: 768px){.header__container{padding:20px 0 0}}@media (max-width: 480px){.header__container{flex-direction:column;align-items:center;gap:5px}}.header__link{font-family:merriweather,serif;color:#fbfcfa;text-decoration:none}.header__title{font-family:merriweather,serif;font-weight:700;font-size:38px;text-align:center;color:#74d0f1;text-shadow:1px 1px 3px #FFF48D}@media (max-width: 480px){.header__title{margin:0 20px}}.header__subtitle{font-family:merriweather,serif;font-size:12px;text-align:center;color:#fbfcfa}.nav__container{display:flex;justify-content:center;padding:20px 0;gap:20px;border-bottom:2px solid #000}@media (max-width: 768px){.nav__container{padding:0}}.nav__list{list-style:none;display:flex;align-items:center;align-self:center;padding:0;justify-content:center}@media (max-width: 810px){.nav__list{flex-wrap:wrap}}@media (max-width: 768px){.nav__list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 480px){.nav__list{margin:25px 0 15px}}.nav__item{list-style:none;text-align:center;padding:10px 15px;display:inline-block;flex-grow:1}@media (max-width: 810px){.nav__item{border-right:none!important;flex-basis:calc(25% - 30px);padding:10px 15px}}@media (max-width: 768px){.nav__item{flex-basis:100%;padding:5px}}.nav__item:not(:last-child){border-right:1px solid #FBFCFA}.nav__item:after{display:block;content:"";border-bottom:solid 3px #0070de;transform:scaleX(0);transition:transform .25s ease-in-out}.nav__item:hover:after{transform:scaleX(1)}.nav__link{font-family:merriweather,serif;font-size:18px;color:#fbfcfa;text-decoration:none;display:inline-block;padding-bottom:5px;position:relative}@media (max-width: 768px){.nav__link{padding-bottom:0}}.footer{background-color:#121624;padding:50px;text-align:center;color:#fff}@media (max-width: 480px){.footer{padding:50px 0}}.footer__content{display:flex;justify-content:center;flex-direction:row;align-items:center}@media (max-width: 480px){.footer__content{flex-direction:column;gap:35px}}.footer__logo{max-width:150px;height:auto;box-shadow:0 4px 8px #00000080}.footer__section{margin:0 20px;max-width:300px}.footer__title{font-weight:700;font-size:16px;margin:0;display:inline-block}.footer__copy{margin-top:20px;font-size:14px}.footer__twitch-link{display:flex;align-items:center;text-decoration:none;color:#fff}.footer__twitch-logo{width:40px;height:auto;margin:auto;padding:15px;vertical-align:middle}.footer__titles-container{display:flex;justify-content:space-between;margin:0 40px;max-width:600px}@media (max-width: 768px){.footer__titles-container{margin:0}}@media (max-width: 720px){.footer__titles-container{flex-direction:column;gap:35px}}.root{background-color:#121624}body{margin:0}.error{display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:#282c34;padding:150px 0}.error__h2{color:#c41f3b;font-size:100px}.error__h3{color:#fbfcfa;font-size:30px;margin:25px 0}.error__link{font-family:merriweather,serif;color:#a330c9;text-decoration:none;font-size:20px;margin:75px 0}