*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:#fff;color:var(--text-color);font-family:sans-serif;margin:0;padding:0}:root{--bg-color:#11131c;--primary-color:#262b3e;--secundary-color:#5f53ad;--text-color:#fff;--text-color-2:#fff;--heading-fs:clamp(3rem,2rem + 1vw,5rem);--text-fs:clamp(1rem,1rem + 1vw,2rem);--text-fs-2:clamp(1rem,.8rem + 1vw,1.6rem);font-size:62.5%}.light{--bg-color:#f7f7f7;--primary-color:#4d5780;--secundary-color:#433792;--text-color:#000}html{scroll-behavior:smooth}body{font-size:1.6rem;position:relative}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{background:#262b3e;background:var(--primary-color);border-radius:1rem}::-webkit-scrollbar-thumb{background:#fff;background:var(--text-color);border-radius:1rem}body.menu-expanded .fav-text,body.menu-expanded footer{z-index:-1}.container{align-items:center;background-color:#11131c;background-color:var(--bg-color);display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:100vh;padding:10rem 2rem;text-align:center;transition:.5s}button{background:none;border:none;cursor:pointer;font-size:clamp(1rem,.8rem + 1vw,1.6rem);font-size:var(--text-fs-2)}a{text-decoration:none}ul li{list-style:none}.text-2{font-size:clamp(1rem,.8rem + 1vw,1.6rem);font-size:var(--text-fs-2)}.current{color:#5f53ad;color:var(--secundary-color);font-weight:700}h1,h2{border-bottom:.2rem solid var(--primary-color);font-size:var(--heading-fs);margin-block:2rem;padding-bottom:1rem}.chars-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;width:min(140rem,90%)}ul.chars-container li{align-items:center;display:flex;gap:1rem;justify-content:center;transition:.3s}ul.chars-container li:hover{background-color:var(--primary-color);cursor:pointer}ul.chars-container li img{border-radius:1rem;transition:.3s;width:min(15rem,80%)}ul.chars-container li:hover img{-webkit-transform:scale(105%);transform:scale(105%)}.singleCharContainer,ul.chars-container li{border:.2rem solid var(--primary-color);border-radius:.8rem;font-size:var(--text-fs);padding:2rem}.info{align-items:flex-start;display:flex;flex-direction:column;gap:.8rem}.pagesNums{display:flex;gap:1.5rem;justify-content:center;width:17rem}@media (max-width:1290px){.chars-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:970px){ul.chars-container li{flex-direction:column}}@media (max-width:670px){.chars-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:550px){ul.chars-container li{padding:1rem}}@media (max-width:350px){.chars-container{grid-template-columns:repeat(1,1fr)}.pagesNums{width:8rem}.info{gap:.3rem}}.singleCharContainer{align-items:center;display:flex;gap:3rem;width:min(80rem,90%)}.singleCharContainer img{border-radius:.8rem;width:min(40rem,90%)}.singleCharContainer .info{text-align:left}.buttonsContainer{display:flex;gap:2rem;margin-top:2rem}button svg{height:3rem;transition:.3s;width:3rem}button:hover svg{cursor:pointer;-webkit-transform:scale(130%);transform:scale(130%)}.favoriteButton svg:nth-child(2),.favoriteButton.favorited svg:first-child{display:none}.favoriteButton svg:first-child,.favoriteButton.favorited svg:nth-child(2){display:inline;display:initial}@media (max-width:768px){.singleCharContainer{flex-direction:column}}@media (max-width:300px){.singleCharContainer{flex-direction:column}.buttonsContainer{gap:1rem}button svg{height:2rem;width:2rem}}.fav-text{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}header{align-items:center;background-color:var(--primary-color);display:flex;height:6rem;justify-content:center;padding:1rem;position:fixed;width:100%;z-index:10}header ul{display:flex;font-size:var(--text-fs);font-style:italic;font-weight:700;gap:3rem}header ul a{color:var(--text-color-2)}header button{position:absolute}header button#switchButton{right:2rem}header button svg{fill:var(--text-color-2);height:2.5rem;width:2.5rem}.light header button#switchButton svg:first-child,header button#switchButton svg:nth-child(2){display:none}.light header button#switchButton svg:nth-child(2){display:inline;display:initial}header button#menuButton{left:2rem;z-index:10}header button#menuButton svg{display:none}@media (max-width:550px){header button#menuButton svg:first-child{display:inline;display:initial}header nav{background-color:var(--primary-color);height:100vh;left:0;opacity:0;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:.3s;visibility:hidden;width:100vw;z-index:5}header ul{align-items:center;flex-direction:column;-webkit-transform:translateY(150%);transform:translateY(150%)}body.menu-expanded{overflow:hidden}body.menu-expanded header nav{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}body.menu-expanded header button#menuButton svg:nth-child(2){display:inline;display:initial}body.menu-expanded header button#menuButton svg:first-child{display:none}}footer{bottom:3.5rem;font-size:var(--text-fs-2);left:50%;opacity:.3;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;z-index:1}footer:hover{opacity:1}footer a{font-style:italic;font-weight:700}
/*# sourceMappingURL=main.bfbb7af9.css.map*/