@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--branco: #F8F8F8;--preto: #030912;--rosa: #FF007F;--verde: #D8FB81;--roxo: #7301FF;--azul: #1B0AD4}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--preto);font-family:Space Mono,monospace;color:var(--branco)}.menu{display:flex;justify-content:space-between;align-items:center;padding:30px 50px;background-color:var(--preto)}.logo img{height:35px;width:auto;filter:invert(85%) sepia(46%) saturate(411%) hue-rotate(24deg) brightness(104%) contrast(97%)}.menu ul{display:flex;list-style:none;gap:1rem;margin:0;padding:0}.texto-menu{background-color:var(--roxo);color:var(--branco);padding:.75rem 1.5rem;border-radius:9999px;text-decoration:none;transition:all .3s ease}.texto-menu:hover{background-color:var(--verde);color:var(--preto)}@media(max-width:768px){.menu{flex-direction:column;gap:20px;padding:20px}.menu ul{flex-wrap:wrap;justify-content:center;gap:.5rem}.texto-menu{padding:.5rem 1rem;font-size:10pt}.logo h1{font-size:20pt}}footer{display:flex;flex-direction:column;align-items:center;background-color:var(--azul);padding:40px;margin-top:100px}img{margin-bottom:30px;height:350px}.textoRodape{color:var(--branco);font-size:10pt;text-align:center}.containerPosts{max-width:1200px;margin:50px auto;padding:0 50px}.titulo-pagina{font-size:48pt;font-weight:900;font-style:italic;color:var(--verde);background-color:var(--azul);text-align:center;padding:15px 80px;width:fit-content;margin:0 auto 50px}.listaPosts{display:flex;flex-direction:column;gap:30px}.postCard{background-color:var(--rosa);padding:40px;display:flex;flex-direction:column;gap:20px}.postCard:nth-child(2n){background-color:var(--azul)}.tituloPost{color:var(--verde);font-style:italic;font-size:32pt;font-weight:700;line-height:1.2}.descricaoPost{color:var(--branco);font-size:12pt;line-height:1.5}.tagsBlog{display:flex;gap:15px;flex-wrap:wrap}.tagBlog{font-size:10pt;background-color:var(--verde);color:var(--preto);border-radius:20px;padding:6px 20px;font-weight:700}.botaoPost{background-color:var(--azul);color:var(--branco);border:0;height:40px;padding:0 30px;width:fit-content;cursor:pointer;font-weight:700;font-family:Space Mono,monospace;transition:all .3s ease;font-size:11pt;text-decoration:none;display:flex;align-items:center}.postCard:nth-child(2n) .botaoPost{background-color:var(--rosa)}.botaoPost:hover{transform:translate(5px);opacity:.9}.filtroTags{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.tagFiltro{background-color:transparent;border:2px solid var(--verde);color:var(--verde);padding:8px 20px;border-radius:20px;cursor:pointer;font-family:Space Mono,monospace;font-weight:700;font-size:10pt;transition:all .3s ease}.tagFiltro:hover,.tagFiltro.ativo{background-color:var(--verde);color:var(--preto)}.semResultados{text-align:center;color:var(--branco);font-size:14pt;margin-top:50px}@media(max-width:768px){.containerPosts{padding:0 20px;margin:30px auto}.titulo-pagina{font-size:28pt;padding:10px 40px}.postCard{padding:25px}.tituloPost{font-size:22pt}.descricaoPost{font-size:10pt}.tagBlog{font-size:9pt;padding:5px 15px}.botaoPost{width:100%;justify-content:center;font-size:10pt}}@media(max-width:480px){.titulo-pagina{font-size:24pt;padding:8px 30px}.tituloPost{font-size:18pt}.postCard{padding:20px}}.containerPost{max-width:900px;margin:50px auto;padding:0 50px 100px}.post{display:flex;flex-direction:column;gap:30px}.voltarLink{color:var(--verde);text-decoration:none;font-weight:700;font-size:14pt;transition:all .3s ease}.voltarLink:hover{color:var(--rosa)}.tituloPost{color:var(--verde);font-style:italic;font-size:48pt;font-weight:700;line-height:1.1}.introducaoPost{color:var(--branco);font-size:12pt;line-height:1.6}.conteudoPost{display:flex;flex-direction:column;gap:25px;margin-top:20px;color:var(--branco);font-size:12pt;line-height:1.6}.conteudoPost h2{color:var(--verde);font-size:20pt;font-weight:700;margin-top:20px}.conteudoPost strong{color:var(--verde)}.conteudoPost img{max-width:100%;height:auto;border-radius:8px;margin:30px 0}@media(max-width:768px){.containerPost{padding:0 20px 60px;margin:30px auto}.voltarLink{font-size:12pt}.tituloPost{font-size:28pt}.introducaoPost,.conteudoPost{font-size:10pt}.conteudoPost h2{font-size:16pt}.tagBlog{font-size:9pt;padding:5px 15px}}@media(max-width:480px){.tituloPost{font-size:24pt}.conteudoPost h2{font-size:14pt}.introducaoPost,.conteudoPost{font-size:9pt}}.app{min-height:100vh;display:flex;flex-direction:column}