body {
    color: white;
    background: none;
    font-family: Arial, Helvetica, sans-serif;

    flex-wrap: wrap;
}

.background-video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.navegação {
    text-align: center;
}

.menu {
    list-style-type: none;
    padding: 30px;
    display: flex;
    justify-content: center;
}

.menu li {
    margin: 0 10px;
}

.menu a {
    text-decoration: none;
    color: inherit;
    font-weight: bold;
}

a {
    color: white;
    text-decoration-color: white;
}

header img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 5px solid #d4dad4;
}

.center {
    text-align: center;
}

.social-icon {
    height: 50px;
    width: 50px;
    object-fit: cover;
}

.form-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.form-container form {
    display: flex; /* Adicionado para garantir alinhamento */
    align-items: center; /* Adicionado para garantir alinhamento */
    
    padding: 10px;
    border-radius: 5px;
}

.form-container button[type="submit"] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
}

.form-container button[type="submit"]:hover {
    background-color: #0056b3;
}

.form-container input[type="text"] {
    flex-grow: 1;
    margin-right: 10px;
    padding: 8px; /* Ajuste o padding conforme necessário */
    background-color: hsl(210, 19%, 89%);
}

.Logo-footer {
    width: 50px;
    height: auto;
    margin-left: 10px;
}

.icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.voltar-topo {
    position: fixed;
    bottom: 10px;
    right: 20px;
    background-color: #007bff;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
}

.footer-form {
    text-align: center;
    margin-top: 20px;
}

.footer-form input[type="text"] {
    width: 300px;
    padding: 10px;
    margin-bottom: 10px;
}

.footer-form button {
    padding: 10px 20px;
    background-color: #007bff;
    
    border: none;
    cursor: pointer;
}

.footer2-form button {
    padding: 10px 20px;
    background-color: #007bff;
   alinhamento de texto : centro;
    border: none;
    cursor: pointer;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    background-color: #001f3f;
    padding: 20px;
    border-radius: 10px;
}

.grid-item {
    background-color: hsl(248, 62%, 44%);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

.container {
    background-color: hsl(248, 62%, 44%);
    padding: 20px;
    border-radius: 10px;
    max-width: 1200px;
    max-height: 800px;
    margin: auto;
    color: white;
    font-family: Arial, sans-serif;
}

.habilidades-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 20px;
     color: white;
}

.habilidade-caixa {
    background-color: hsl(248, 62%, 44%);
    padding: 20px; /* Ajuste o padding conforme necessário */
    border-radius: 10px;
    min-height: 200px; /* Use min-height em vez de height */
    margin:15px;
   
    text-align: justify;
    font-family: Arial, sans-serif;
}

.habilidade-caixa ul {
    list-style: disc;
    padding: 10px;
}

.habilidade-caixa li {
    margin-bottom: 10px;
}
.botao-curriculo {
  display: inline-block; /* Permite que o botão tenha largura e altura definidas */
  padding: 10px 20px; /* Espaçamento interno */
  background-color:#a49133; /* Cor de fundo */
  color: white; /* Cor do texto */
  text-decoration: none; /* Remove a decoração padrão do link */
  border-radius: 20px; /* Margens arredondadas */
  font-size: 16px; /* Tamanho da fonte */
  font-weight: bold; /* Negrito */
  border: none; /* Remove a borda padrão */
  cursor: pointer; /* Muda o cursor para pointer */
  transition: background-color 0.3s ease; /* Transição suave na cor de fundo */
}
.botao-curriculo:hover {
  background-color: #88771f; /* Cor de fundo ao passar o mouse */
}
@media screen end (max-width: 700px)