body {
            background-color: #DA251C; /* Cor de fundo padrão */
            font-family: 'Press Start 2P', cursive; /* Fonte estilo retro */
            color: white;
            margin: 0;
            padding: 20px;
            text-align: center;
        }
        
    /* Estilos adicionais para a animação */
        .background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('path/to/your/starfield-image.jpg'); /* Substitua pelo caminho da sua imagem */
            background-size: cover;
            animation: moveBackground 30s linear infinite; /* Animação do fundo */
        }
        
        @keyframes moveBackground {
            from { background-position: 0 0; }
            to { background-position: 0 -100%; }
        }
        
        .overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* Centraliza o texto */
        }
        
        h1 {
            font-family: 'Press Start 2P', cursive; /* Fonte estilo pixel art */
            color: white;
            font-size: 48px; /* Tamanho do texto */
        }    

        .container {
            display: flex; /* Usar flexbox para layout */
        }

        .sidebar {
            width: 200px; /* Largura do menu lateral */
            background-color: #333; /* Cor do menu lateral */
            padding: 10px;
            border-radius: 5px;
            margin-right: 20px;
            display: flex;
            flex-direction: column; /* Alinha os botões verticalmente */
            align-items: center; /* Centraliza os botões horizontalmente */
        }

        .sidebar h3 {
            color: white;
        }

        .console {
            width: 800px; /* Largura do console */
            height: 720px; /* Altura do console */
            border: 5px solid #000;
            background-color: #222; /* Cor do console */
            position: relative;
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
        }

        .screen {
            width: 100%;
            height: calc(100% - 100px); /* A tela ocupa toda a altura disponível menos espaço para controles e HUD */
            background-color: #000; /* Cor da tela do console */
            border-bottom: 5px solid #DA251C; /* Borda inferior */
        }

        .hud {
            height: 50px; /* Altura da barra HUD */
            background-color: #444; 
            padding: 10px;
            border-top: 5px solid #DA251C; /* Borda superior para separar da tela de jogo */
        }

        .controls {
            background-color: #333; /* Cor da barra de controles */
            padding: 10px;
        }

        .button {
            display: inline-block;
            padding: 5px 10px; /* Tamanho dos botões */
            margin: 8px 0; /* Margem entre os botões na barra de controle (ajustado para 8 pixels) */
            background-color: #DA251C; /* Cor do botão */
            color: white;
            border-radius: 5px;
            cursor: pointer;
        }

        .button:hover {
            background-color: #FF3B3B; /* Cor ao passar o mouse */
        }

        .comment-section {
            margin-top: 20px;
            max-height: 300px; /* Altura máxima para a seção de comentários */
            overflow-y: auto; /* Permite rolagem vertical quando excede a altura máxima */
        }

        .comment {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 10px;
        }
        
        .led {
            width: 50px;       /* Diâmetro da luz LED */
            height: 50px;      /* Diâmetro da luz LED */
            border-radius: 50%;/* Forma circular */
            border: 3px solid white; /* Borda branca */
            background-color: black; /* Fundo negro */
            margin-right: 10px; /* Espaçamento à direita para separar do botão de música */
        }
        
        .share-buttons {
             margin-top: 20px; 
         }
         
         .share-button {
             padding: 10px;
             background-color: #007bff; /* Cor do botão */
             color: white;
             border-radius: 5px; 
             text-decoration: none; 
             margin-right: 5px; 
         }
         
         .share-button:hover {
             background-color: #0056b3; /* Cor ao passar o mouse */
         }
         
         .log-bar {
             margin-top: 20px;
             padding-top :15px ;
             padding-bottom :15px ;
             background-color :#222 ;
             border-radius :5px ;
             color:white ;
             text-align:left ;
             max-height :100px ;
             overflow-y:auto ; 
         }

         .help-menu,
         .options-menu,
         .controls-menu {
             display:none;
             position:absolute;
             top :50%;
             left :50%;
             transform :translate(-50%, -50%);
             background-color:#333;
             color:white;
             padding :20px;
             border-radius :10px ;
         }