body{
    color: white; /*cor do texto principal*/
    background-color: black;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
    text-align: left;
    overflow-x: auto;
    font-weight: bold;
}

@media (max-width: 768px) {
    .box {
        width: 80%; /* Ajusta a largura para telas menores */
    }
}

/* Para telas menores que 480px */
@media (max-width: 480px) {
    .box {
        width: 95%; /* Quase toda a largura da tela */
        padding: 10px; /* Reduz o padding */
    }
}

h1{ /*Titulos*/
    text-align: center;
    color: red;
    background-color: yellow;
    padding: 5px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}


.imagem-principal{
    width: 400px; 
    height: auto; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    border: 2px solid yellow; 
}



p { /*Parágrafos*/
    color: white; 
    padding: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin: 20px auto;
    margin-bottom: -40px;
}



h2{ /* fim de texto (73's de PU4ELT) */
    text-align: center;
    color: yellow;
}



h6 {
    text-align: center; /* Data da publicação */
    margin-bottom: 70px;
    margin-top: 5px;
}


h5 {  /* datas de publicação */
    text-align: center; 
    margin: 10px;
}

.center{
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 40px auto;
}



.SSTV {
    width: 300px;
    height: auto;
    display: block;
    border: 2px solid yellow; /* Borda da Imagem*/
}

.image-container { 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}




.links{  /* Links externos em palavras */
    color: purple;
    text-decoration: none;
}



.audio{ /*audio do sstv*/
    display: flex;
    justify-content: center;
    margin: 40px 0; 
}