body {
    background-color: #121212; /* Azul escuro quase preto */
    color: #ffffff; /* Texto branco */
    font-family: "Pixelify Sans", sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}



img {
    max-width: 100%;
    height: auto;
}

h1, p {
    color: #e4e721;
}

#Texto-jogo{
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    margin: 0 auto;
}

.navbar-light .navbar-nav .nav-link {
    color: #000000; /* Cor do texto do cabeçalho */
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #007bff; /* Cor do texto ao passar o mouse */
}



.pixelify-sans-<uniquifier> {
  font-family: "Pixelify Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.navbar-nav .nav-item {
    margin-right: 145px; /* Ajusta o espaçamento entre os itens do cabeçalho */
}


.container {
    min-height: 100vh; /* Garante que a altura mínima do contêiner seja 100% da altura da tela */
    margin-top: -20px;
}


#game-title {
    color: #ff5733; /* Cor personalizada */
    font-size: 36px; /* Tamanho personalizado */
    margin-left: 29px;
}

#sinopse {
    margin-left: 35px;
    margin-right: 35px;
}

#detalhes {
    display: flex;
    flex-direction: column;
    
}

#sinopse, #trailer {
    flex: 1;
}

#video {
    width: 60%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

#Jogos {
    margin-top: -300px;
    padding: 30px;
}

#Jogos2 {
    padding: 30px;
    
}

#Jogos3 {
    padding: 30px;
    
}

#trailer {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 30px;
}

#Jogos4 {
    padding: 30px;
    
}

#Jogos5 {
    padding: 30px;
    
}

#Jogos6 {
    padding: 30px;
    
}

#Jogos7 {
    padding: 30px;
    
}

#Jogos8 {
    padding: 30px;
    
}

#Jogos9 {
    padding: 30px;
    
}

#Jogos10 {
    padding: 30px;
    
}

.container {
    max-width: 800px; /* Largura máxima para o container */
    margin: 0 auto; /* Centraliza o container */
}

.carousel-inner img {
    height: 400px; /* Altura fixa para as imagens */
    width: 100%; /* Largura total */
    object-fit: cover; /* Ajusta a imagem para cobrir o espaço */
}

.move-up {
    margin-top: -400px; /* Ajuste o valor conforme necessário */
}  

#textoB {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    margin-left: 29px;
    margin-top: 15px;
}          

footer {
    
    margin-top: auto;
    padding: 1px 0;  /* Ajuste o padding conforme necessário */
    background-color: #343a40; /* Cor de fundo do rodapé */
    color: white; /* Cor do texto do rodapé */  
    position: relative;
    text-align: center;
}

footer a {
    color: #ffffff;
    text-decoration: none;
    margin-right: 15px;
}

footer a:hover {
    color: #1798ca;
}