diff --git a/style/index.css b/style/index.css
index 7a177bf..504d441 100644
--- a/style/index.css
+++ b/style/index.css
@@ -25,7 +25,7 @@ body {
}
.theme-switch .label {
- background-color: rgb(108, 150, 228);
+ background-color: #757575;
border-radius: 50px;
cursor: pointer;
display: flex;
@@ -54,15 +54,11 @@ body {
transform: translateX(24px);
}
.theme-switch input[type="checkbox"]:checked + .label {
- background-color: rgb(47, 48, 48);
-}
-
-.sun-icon {
- color: #f1c40f;
+ background-color: #757575;
}
.moon-icon {
- color: #f1c40f;
+ color: #424242;
display: none; /* Inicialmente, esconda o ícone da lua */
}
@@ -80,7 +76,7 @@ body {
/* Estilo para o tema escuro */
.dark-theme {
- background-color: #3b3b3b;
+ background-color: #333333;
color: #fff; /* Adicione estilos para outros elementos conforme necessário */
}
.dark-theme .projetos-container > div,
@@ -89,23 +85,32 @@ body {
color: #fff; /* Adicione estilos para outros elementos conforme necessário */
}
.dark-theme nav {
- background-color: #dff7fee1;
+ background-color: #333333;
max-height: 8px;
}
-
+.dark-theme .nav-link {
+ color: #ffffff;
+}
.dark-theme #contact-form {
background-color: #e9e9e9;
- color: #614ce8;
}
-
+.dark-theme .fa-brands {
+ font-size: 70px;
+ color: #8ce2f1;
+}
.dark-theme #contact-form label {
- color: #540cb1;
+ color: #333333;
+}
+
+.dark-theme .topico {
+ color: #ffffff;
}
.dark-theme .projetos-container > div p {
color: #fff; /* Adicione estilos para outros elementos conforme necessário */
}
+.dark-theme #menu-btn,
.dark-theme h2,
.dark-theme h3,
.dark-theme p,
@@ -113,11 +118,27 @@ body {
color: #fff; /* Define a cor da fonte para branco */
}
.dark-theme .botao {
- background-color: #3e3579;
+ background-color: #757575;
}
.dark-theme .absolute {
display: none;
}
+
+.dark-theme .profissao {
+ color: #8ce2f1;
+}
+
+.dark-theme .botao-p {
+ background: #17b3c1;
+}
+
+.dark-theme #contact-form button {
+ background-color: #17b3c1;
+}
+
+.dark-theme .pcnav a::after {
+ background-color: #8ce2f1;
+}
/* Adicione estilos para o ícone do sol */
.sun-icon {
display: none; /* Inicialmente, esconda o ícone do sol */
@@ -151,7 +172,7 @@ body.dark {
}
.label {
- background-color: #111;
+ background-color: #000000;
border-radius: 50px;
cursor: pointer;
display: flex;
@@ -182,11 +203,11 @@ body.dark {
}
.fa-moon {
- color: #f1c40f;
+ color: #fff;
}
.fa-sun {
- color: #f1c40f;
+ color: #fff;
}
/* Restante do seu CSS existente */
@@ -232,7 +253,7 @@ nav a {
display: block;
width: 0;
height: 2px;
- background-color: #8758ff;
+ background-color: #4887ce;
position: absolute;
bottom: -5px;
left: 0;
@@ -277,7 +298,7 @@ header {
font-size: 30px;
cursor: pointer;
/*background: #6f5fc7;*/
- color: #836fff;
+ color: #424242;
text-align: center;
z-index: 1000;
}
@@ -286,7 +307,7 @@ header {
transform: rotate(180deg);
width: 30px;
height: 30px;
- background: #836fff; /*cor ao clicar*/
+ background: #2196f3; /*cor ao clicar*/
color: #ffffff;
}
@@ -430,7 +451,8 @@ h1 {
font-size: 73px;
text-align: center; /* Centraliza o texto */
font-family: "Belanosima", sans-serif; /* Substitua 'Montserrat' pela fonte desejada */
- color: #836fff;
+ /*color: #2491eb;*/
+ color: #0174be;
margin-bottom: 0px;
/*text-shadow: 2px 2px 4px rgba(131, 111, 255, 0.3); Ajuste a cor da sombra para corresponder à cor do texto */
}
@@ -451,7 +473,7 @@ h1 {
/*font-weight: 100;*/
font-size: 37px;
margin-top: 70px;
- color: #308eede1;
+ color: #333333;
font-family: "Outfit", sans-serif;
font-weight: bold;
}
@@ -515,43 +537,36 @@ h1 {
"Lucida Sans", Arial, sans-serif;
font-size: 20px;
font-weight: 550;
-}
-.margin-js {
- margin-top: 6%;
-}
-
-.margin-bt {
- margin-top: 10%;
+ margin-top: 9px;
}
.logo-html {
+ margin-top: 10px;
width: 100px;
}
.logo-js {
margin-top: 10px;
- margin-bottom: 15px;
+ margin-bottom: 0px;
width: 85px;
}
.logo-css {
width: 71px;
margin: 10px;
+ margin-bottom: 0;
align-content: center;
}
.logo-react {
width: 90px;
margin: 3px;
-}
-
-.logo-typescript {
- width: 82px;
- margin-top: 10px;
+ margin-bottom: 0;
}
.logo-bootstrap {
width: 100px;
+ margin-bottom: 0;
}
.descricao-container {
max-width: 400px;
@@ -581,7 +596,7 @@ h1 {
background-color: #ffffff;
padding: 30px;
border-radius: 5px;
- box-shadow: 0 2px 5px #836fff;
+ box-shadow: 0 2px 5px #3b3b3b;
}
.form-group {
@@ -589,7 +604,7 @@ h1 {
}
label {
- color: #8758ff;
+ color: #424242;
display: block;
font-weight: 600;
margin-bottom: 5px;
@@ -604,7 +619,7 @@ input,
textarea {
width: 100%;
padding: 10px;
- border: 1px solid #836fff;
+ border: 1px solid #424242;
border-radius: 10px;
display: block;
margin-left: auto;
@@ -614,7 +629,7 @@ textarea {
button[type="submit"] {
padding: 8px 30px;
- background: linear-gradient(to right, rgb(176, 148, 232), #614ce8);
+ background: #0174be;
color: #fff;
font-size: 16px;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial,
@@ -626,7 +641,7 @@ button[type="submit"] {
}
button[type="submit"]:hover {
- background-color: #480999;
+ background-color: ;
}
.icon-increase {
font-size: 50px; /* Tamanho padrão */
@@ -665,7 +680,7 @@ button[type="submit"]:hover {
text-decoration: none;
width: 50px; /* Ajuste conforme necessário */
height: 50px; /* Ajuste conforme necessário */
- background-color: #333; /* Cor de fundo dos botões */
+ background-color: #424242; /* Cor de fundo dos botões */
margin: 10px; /* Espaçamento entre os botões */
border-radius: 50%; /* Torna os botões circulares */
}
@@ -679,7 +694,7 @@ button[type="submit"]:hover {
align-items: center;
}
.botao:hover {
- background-color: #4f439c;
+ background-color: ;
}
.img-linkedin {
@@ -705,7 +720,7 @@ button[type="submit"]:hover {
}
.main-footer {
- background: #685bbdce;
+ background: #424242;
color: #fff;
display: flex;
justify-content: space-between;
@@ -820,7 +835,6 @@ button[type="submit"]:hover {
.projeto-4 .botao-p {
margin-top: 10px;
padding: 0px 10px;
- background-color: #836fff;
color: #fff;
border: none;
border-radius: 50px;
@@ -829,7 +843,7 @@ button[type="submit"]:hover {
.projeto-1 .botao-p:hover,
.projeto-2 .botao-p:hover {
- background-color: #480999;
+ background-color: ;
}
/* Estilos para as imagens */
@@ -878,7 +892,7 @@ button[type="submit"]:hover {
height: 40px;
margin: 10px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
- background: linear-gradient(to right, #8a4bff, #66d9ff);
+ background: #0174be;
text-decoration: none;
border-radius: 50px;
cursor: pointer;
@@ -886,7 +900,7 @@ button[type="submit"]:hover {
}
.botao-p:hover {
- background: linear-gradient(to right, #66d9ff, #8a4bff);
+ background: ;
}
/*surface duo*************************************************************************/
@media screen and (max-width: 630px) {
@@ -1330,3 +1344,8 @@ body {
padding: 50px;
}
![](conceito-de-fundo-branco-textura-elegante/img-back.jpg)
*/
+
+.fa-brands {
+ font-size: 70px;
+ color: #0174be;
+}