Update style.css

Author: lauraataide8

style.css

@@ -1,4 +1,4 @@
-/* --- TEMA & VARIÁVEIS --- */
+/* --- TEMA & VARIÁVEIS (Mantido) --- */
 :root {
     --cor-fundo-inicio: #242038;
     --cor-fundo-fim: #0d0c1d;
@@ -12,6 +12,7 @@
     --fonte-corpo: 'Poppins', sans-serif;
 }
 
+/* --- ESTILOS GERAIS --- */
 * { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; }
 html { scroll-behavior: smooth; }
 body {
@@ -85,7 +86,7 @@ body {
     animation: floatAnimation 6s ease-in-out infinite;
 }
 
-/* --- SEÇÃO SOBRE MIM (TAMANHOS AJUSTADOS POR VOCÊ) --- */
+/* --- SOBRE MIM --- */
 .conteudo-secundario { padding: 100px 0; border-top: 1px solid var(--cor-separador); }
 .conteudo-secundario-titulo { font-family: var(--fonte-titulos); font-size: 3.0em; color: var(--cor-destaque); text-align: center; margin-bottom: 50px; }
 .sobre-texto { column-count: 2; column-gap: 50px; max-width: 1100px; margin: 0 auto; text-align: justify; line-height: 1.9; font-size: 1.60rem; }
@@ -115,7 +116,6 @@ body {
     transition: 0.3s; 
     font-weight: 600; 
 }
-.github-btn:hover { background: var(--cor-destaque); color: var(--cor-fundo-inicio); box-shadow: 0 0 15px var(--cor-destaque); }
 
 /* --- TECH STACK --- */
 .habilidades-lista {
@@ -137,16 +137,9 @@ body {
     transition: 0.3s;
     border: 1px solid rgba(255, 255, 255, 0.05);
 }
-.habilidades-lista li:hover { 
-    background: var(--cor-destaque); 
-    color: var(--cor-fundo-inicio); 
-    transform: translateY(-8px); 
-    border-color: var(--cor-destaque);
-}
 .habilidades-lista i { font-size: 3em; color: var(--cor-destaque-secundario); }
-.habilidades-lista li:hover i { color: var(--cor-fundo-inicio); }
 
-/* --- RODAPÉ (REESTRUTURADO VIA CSS) --- */
+/* --- RODAPÉ REESTRUTURADO (AJUSTES FINAIS) --- */
 .rodape { 
     padding: 80px 5% 40px; 
     background: var(--cor-fundo-fim); 
@@ -156,7 +149,7 @@ body {
 
 .rodape-conteudo { 
     display: flex; 
-    flex-direction: row-reverse; /* Inverte a posição: Portal vai para esquerda */
+    flex-direction: row-reverse; /* Inverte: Portal na Esquerda, Info na Direita */
     justify-content: space-between; 
     align-items: center; 
     flex-wrap: wrap; 
@@ -165,22 +158,30 @@ body {
     margin: 0 auto 60px; 
 }
 
-/* Alinhamento dos textos para a DIREITA */
+/* Coluna de Texto (Lado Direito) */
 .rodape-info { 
     flex: 1; 
     min-width: 320px; 
     display: flex; 
     flex-direction: column; 
-    align-items: flex-end; /* Alinha o conteúdo na direita */
-    text-align: right;    /* Alinha o texto na direita */
-    gap: 25px; 
+    align-items: flex-end; /* Alinha tudo à direita */
+    text-align: right;     /* Texto alinhado à direita */
+    gap: 30px;             /* Aumentei o espaço para não ficar "grudado" */
+}
+
+.rodape-info p {
+    max-width: 500px;
+    font-size: 1.1rem;
+    line-height: 1.6;
 }
 
+/* Badges de Contato */
 .rodape-contato-badges { 
     display: flex; 
     flex-wrap: wrap; 
     gap: 15px; 
-    justify-content: flex-end; /* Badges na direita */
+    justify-content: flex-end; /* Garante que os badges fiquem na direita */
+    margin-top: 10px;           /* Espaço extra acima dos badges */
 }
 
 .badge-contato { 
@@ -197,7 +198,7 @@ body {
 }
 .badge-contato:hover { background: var(--cor-destaque); color: var(--cor-fundo-inicio); transform: translateY(-3px); }
 
-/* --- PORTAL RICK & MORTY (MAIOR E NA ESQUERDA) --- */
+/* --- PORTAL RICK & MORTY (AUMENTADO NA ESQUERDA) --- */
 .rodape-portal-container { 
     display: flex; 
     justify-content: center; 
@@ -208,18 +209,18 @@ body {
     display: flex; 
     flex-direction: column; 
     align-items: center; 
-    gap: 15px; 
+    gap: 20px; 
     transition: 0.3s; 
 }
 
 .portal { 
-    width: 210px;  /* Portal maior como solicitado */
-    height: 210px; 
+    width: 250px;  /* Aumentado de 210px para 250px como solicitado */
+    height: 250px; 
     position: relative; 
     display: flex; 
     justify-content: center; 
     align-items: center; 
-    filter: drop-shadow(0 0 20px var(--cor-destaque)); 
+    filter: drop-shadow(0 0 25px var(--cor-destaque)); 
 }
 
 .portal-efeito { 
@@ -234,8 +235,8 @@ body {
 
 .portal-nucleo { 
     position: absolute; 
-    width: 70%; 
-    height: 70%; 
+    width: 75%; 
+    height: 75%; 
     background: repeating-conic-gradient(from 0deg, #1a1a1a 0deg 20deg, var(--cor-destaque) 20deg 40deg); 
     border-radius: 50%; 
     mix-blend-mode: overlay; 
@@ -245,49 +246,38 @@ body {
 .portal-legenda { 
     font-family: var(--fonte-titulos); 
     color: var(--cor-destaque); 
-    font-size: 1rem; 
-    letter-spacing: 2px; 
+    font-size: 1.1rem; 
+    letter-spacing: 3px; 
     font-weight: bold; 
-    text-shadow: 0 0 5px var(--cor-destaque); 
+    text-shadow: 0 0 10px var(--cor-destaque); 
 }
 
-.portal-wrapper:hover { transform: scale(1.1); }
-
-/* COPYRIGHT CENTRALIZADO NO MEIO */
+/* --- COPYRIGHT CENTRALIZADO NO MEIO --- */
 .rodape-copyright {
-    text-align: center;
+    text-align: center; /* Centraliza o texto */
     width: 100%;
     border-top: 1px solid var(--cor-separador);
-    padding-top: 30px;
+    padding-top: 40px;
+    margin-top: 20px;
+}
+
+.rodape-copyright p {
+    font-size: 1rem;
+    opacity: 0.8;
 }
 
 /* --- ANIMAÇÕES --- */
 @keyframes portal-girar { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
-@keyframes portal-pulso { 0%, 100% { transform: scale(0.9); } 50% { transform: scale(1.1); } }
+@keyframes portal-pulso { 0%, 100% { transform: scale(0.95); } 50% { transform: scale(1.05); } }
 @keyframes floatAnimation { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
 @keyframes gradientAnimation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
 
-/* --- GLITCH --- */
-.glitch-sci-fi { position: relative; }
-.glitch-sci-fi::before, .glitch-sci-fi::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.7; z-index: -1; }
-.glitch-sci-fi::before { animation: glitch-anim-1 2s infinite linear alternate-reverse; text-shadow: -2px 0 var(--cor-destaque); left: -2px; }
-.glitch-sci-fi::after { animation: glitch-anim-2 2s infinite linear alternate-reverse; text-shadow: 2px 0 var(--cor-destaque-secundario); left: 2px; }
-
-@keyframes glitch-anim-1 { 0% { clip-path: inset(20% 0 30% 0); } 50% { clip-path: inset(60% 0 10% 0); } 100% { clip-path: inset(10% 0 70% 0); } }
-@keyframes glitch-anim-2 { 0% { clip-path: inset(40% 0 10% 0); } 50% { clip-path: inset(10% 0 60% 0); } 100% { clip-path: inset(70% 0 20% 0); } }
+/* --- WHATSAPP & RESPONSIVIDADE --- */
+.whatsapp-flutuante { position: fixed; bottom: 30px; right: 30px; background: var(--cor-destaque); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; color: white; z-index: 1000; box-shadow: 0 0 20px rgba(0,0,0,0.4); }
 
-.whatsapp-flutuante { position: fixed; bottom: 30px; right: 30px; background: var(--cor-destaque); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; color: white; z-index: 1000; box-shadow: 0 0 20px rgba(0,0,0,0.4); transition: 0.3s; }
-.whatsapp-flutuante:hover { transform: scale(1.1); }
-
-/* --- MEDIA QUERIES --- */
 @media (max-width: 992px) {
-    .conteudo-principal { flex-direction: column-reverse; text-align: center; }
-    .sobre-texto { column-count: 1; text-align: center; font-size: 1.3rem; }
-    .rodape-conteudo { flex-direction: column; text-align: center; align-items: center; }
+    .rodape-conteudo { flex-direction: column; text-align: center; }
     .rodape-info { align-items: center; text-align: center; }
     .rodape-contato-badges { justify-content: center; }
-}
-@media (max-width: 480px) {
-    .habilidades-lista { grid-template-columns: 1fr 1fr; }
-    .badge-contato { width: 100%; justify-content: center; }
+    .sobre-texto { column-count: 1; font-size: 1.3rem; }
 }