@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Krona+One&display=swap";.banner{background:url(src/assets/banner-bg.png);background-repeat:no-repeat;background-size:cover;margin-bottom:4rem}.banner .textos{display:flex;padding:1.5rem 4rem;justify-content:space-between;align-items:center;gap:2rem}.banner h3,.banner h5{text-transform:uppercase;font-weight:400}.banner h3{font-size:32px}.banner h5{font-size:16px}.banner .avaliacao{display:flex;align-items:center;gap:.5rem}.banner p{font-size:16px}.banner_avaliacoes{display:flex;gap:3rem}.banner-avaliar{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.banner .imagens{display:flex;padding:0 4rem;gap:.3rem}.banner .imagens .img1{width:35%}.banner .imagens .img2{width:65%}.avaliacao button{background-color:transparent;border:none;cursor:pointer}.avaliacao button:hover{opacity:60%}@media screen and (max-width:880px){.banner .textos{padding:1.5rem 2rem}.banner .imagens{padding:0 2rem}}@media screen and (max-width:695px){.banner .textos{flex-direction:column}.banner h3{text-align:center}.banner_avaliacoes{display:flex}}@media screen and (max-width:400px){.banner h3{font-size:28px}}@media screen and (max-width:375px){.banner .textos{padding:1.4rem}.banner .imagens{padding:0 1.4rem}}.avaliar{display:flex;align-items:center;gap:.5rem}.avaliar-nota{display:flex;align-items:center}.avaliar span{opacity:60%;font-size:14px}.avaliar p{font-size:16px}.cardsContainer{padding:0 4rem}.enredo{display:flex;flex-direction:column;gap:.6rem;margin-bottom:3rem}.enredo div{display:flex;gap:.6rem;align-items:center}.enredo p{font-family:var(--fonte-karla);font-size:16px}.enredo h6{font-size:16px;font-weight:400}.avaliacoes{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:2rem}.avaliacoes div{display:flex;align-items:center}.avaliacoes button{color:var(--vermelho);background-color:transparent;border:none;cursor:pointer;font-size:16px}.avaliacoes button:hover{opacity:60%}.avaliacoes h6{font-size:16px;font-weight:400}.spoilers{display:flex;justify-content:space-between;align-items:center;background-color:var(--azul);padding:.6rem;border-radius:8px}.spoilers p{color:var(--vermelho);font-size:16px}.spoilers button{border:none;background-color:transparent;cursor:pointer}.spoilers button:hover{opacity:60%}@media screen and (max-width:880px){.cardsContainer{padding:0 2rem}}@media screen and (max-width:375px){.cardsContainer{padding:0 1.4rem}}.card{background-color:var(--roxo);margin-bottom:2rem;padding:2rem 1.5rem;border-radius:4px;display:flex;flex-direction:column;gap:1rem}.card_destaque{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card_destaque h2{background-color:var(--rosa);padding:.4rem 1.7rem;border-radius:8px 4px 24px 8px;font-size:16px;font-weight:400}.card_autor{display:flex;justify-content:space-between;padding:0 1rem;font-size:16px;align-items:center;font-weight:400;gap:2rem}.card_autor h6{color:var(--rosa)}.card_autor p{font-weight:400;color:var(--cinza)}.card h2{font-size:20px;font-weight:400}@media screen and (max-width:620px){.card_autor{padding:0}}@media screen and (max-width:420px){.card_destaque{flex-direction:column;align-items:start}}.likeDislike{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.likeDislike_content{display:flex;gap:3rem}.likeDislike span{display:flex;align-items:center;gap:.5rem}.likeDislike button{background-color:transparent;cursor:pointer;border:none}.likeDislike button:hover{opacity:70%}.likeDislike button:active{opacity:35%}.footer{display:flex;justify-content:space-between;padding:2rem 4rem}.footer .links{display:flex;gap:3rem}.footer img{width:300px}@media screen and (max-width:880px){.footer img{display:none}.footer .links{justify-content:space-between;width:100%}.footer{justify-content:center;padding:2rem}}@media screen and (max-width:470px){.footer .links{flex-direction:column;align-items:center}}@media screen and (max-width:375px){.footer{padding:2rem 1.4rem}}.linksFooter a{text-decoration:none;font-family:var(--fonte-karla)}.linksFooter a:hover{color:var(--cinza)}.linksFooter ul{display:flex;flex-direction:column;gap:.5rem;list-style-type:none}.linksFooter h4{color:var(--cinza);font-size:14px;margin-bottom:.6rem}@media screen and (max-width:470px){.linksFooter{display:flex;gap:2rem;align-items:center}}.header{background-color:var(--azul);display:flex;align-items:center;color:var(--branco);padding:1.5rem 4rem;justify-content:space-between;gap:2rem}.botaoMenu{background-color:transparent;border:none;cursor:pointer}.botaoMenu:hover{opacity:60%}.headerMenu{display:flex;align-items:center;gap:.6rem}.headerMenu p{font-size:20px}.botaoLogin{background-color:var(--rosa);color:var(--branco);padding:.7rem 3rem;border-radius:8px;border:none;font-size:20px;cursor:pointer}.botaoLogin:hover{background-color:var(--vermelho)}.header input{font-family:var(--fonte-karla);font-size:20px;width:40%;border-radius:8px;padding:.8rem 1rem;background-color:var(--cinza-escuro);border:none;color:var(--cinza);outline:none;text-align:center}.header input::placeholder{font-family:var(--fonte-karla);background-image:url(/src/assets/lupa.png);background-repeat:no-repeat;background-position:1rem}@media screen and (max-width:880px){.header img{display:none}.header{padding:1.5rem 2rem}}@media screen and (max-width:680px){.botaoLogin{color:transparent;padding:.7rem .2rem;background:url(src/assets/login.png) no-repeat;background-position:1rem}.header{gap:1rem}.botaoMenu_texto{display:none}.header input{width:60%}}@media screen and (max-width:480px){.header input{display:none}.botaoMenu_texto{display:block}}@media screen and (max-width:375px){.header{padding:1.4rem}}*{padding:0;margin:0;font-family:var(--fonte-principal);color:var(--branco)}:root{--branco: #fff;--cinza: #787B81;--cinza-escuro:#1B1D23;--azul:#0E1015;--roxo:#1C171D;--vermelho:#FF003F;--rosa:#D5224E;--fonte-principal:"Krona One", sans-serif;--fonte-karla: "Karla", sans-serif}body{background-color:var(--azul)}
