* {
    margin: 0;
    padding: 0;
    background-color: black;
}
.header-hiper {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 25px;
    align-items: center;
    border-bottom: solid;
    border-color: rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
}
.titulo-menu {
    font-family: sans-serif;
    font-size: 25px;
    color: white;
}
.texto-gradiente {
    background-image: linear-gradient(to right, #ff00ff, #00ffff, #ff00ff);
    -webkit-background-clip: text; /* Aplica o gradiente no texto */
    -moz-background-clip: text; /* Para navegadores Firefox */
    background-clip: text; /* Define a área de clip do background para o texto */
    color: transparent;
    animation: movimento 15s linear infinite; /* Ajustando o timing para linear */
    background-size: 700% 90%;
}

@keyframes movimento {
    0% {
      background-position: 0%;
    }
    100% {
      background-position: 100%;
    }
}
.nav-hiper a {
    text-decoration: none;
    color: rgb(122, 122, 122);
    font-family: sans-serif;
    font-size: 15px;
    padding: 5px;
    
}
.nav-hiper a:hover {
    font-size: 16px;
}


.content {
    background-color: rgb(10, 10, 10);
}

.content-container1, .home-image {
    min-width: 100px;
    min-height: 500px;
}
.home-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: white;
    background-image: url('https://images.pexels.com/photos/414860/pexels-photo-414860.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1'); /* caminho da imagem */
    background-size: contain; /* ajusta o tamanho da imagem para cobrir toda a div */
    background-repeat: no-repeat;
    background-position: center; /* posiciona a imagem no centro */
}

.home-image h1{
    padding-top: 15px;
}

.content-container1 {
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.2);
    padding-bottom: 25px;
}

.content-container2 {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.2);
}
.container2-hiper {
    display: flex;
    justify-content: center;
    width: 85%;
    padding-bottom: 25px;
}
.container2-hiper div {
    color: white;
    font-family: sans-serif;
    font-size: 12px;
    width: 100%;
    padding-bottom: 50px;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.2);
}

.container2-hiper div h2{
    padding-left: 4%;
    padding-top: 5%;
    
}
.content-container3 {
    min-height: 300px;
}
.footer-mobile {
    display: none;
}

.footer-desktop {
    border-top: solid;
    border-color: rgba(255, 255, 255, 0.2);
}
.mobile-content {
    display: none;
}

@media only screen and (max-width: 800px) {
    .content {
        display: none;
    }
    .mobile-content {
        display: flex;
        color: white;
        padding: 10px;
    }
  
    /* Outras regras de estilo específicas para telas menores */
  }