/* 1. Estilo geral da página */
body {
  background-color: #070c25; /* Fundo bem escuro estilo Noir */
  color: #ffffff;            /* Cor do texto (cinza claro para dar contraste) */
  font-family: 'Courier New', Courier, monospace; /* Fonte estilo máquina de escrever */
  margin: 20px;              /* Espaço fora da página */
  padding: 10px;             /* Espaço interno */
  text-align: justify;
}

/* 2. Estilizando o Título Principal */
h1 {
  color: #ffffff;
  text-align: center;        /* Centraliza o texto */
  border-bottom: 2px solid #999999; /* Linha de borda abaixo do título */
  padding-bottom: 10px;
  font-size:xx-large
  
}


img {
  width: 450px;              /* Largura fixa */
  border: 3px solid #333333; /* Borda cinza em volta da imagem */
  border-radius: 9px;        /* Bordas levemente arredondadas */
  margin: 10px 0;            /* Espaço em cima e embaixo das imagens */
}

/* 4. Estilizando o painel "About Me" */
#about {
  background-color: #1e1e1e; 
  border: 1px solid #444444; 
  border-radius: 10px;       
  padding: 20px;            
  margin-top: 20px;         
}
/* 5. Estilizando os Links */
a {
  color: #1d4380;            /* Cor azul suave para os links */
  text-decoration: #4c629c;     /* Tira o sublinhado padrão do link */
}

a:hover {
  text-decoration: underline;/* Coloca o sublinhado quando passa o mouse por cima */
}
audio {background-color: rgb(15, 14, 56);}

button {background-color: #000000;
color: #24528f;
border-radius: 8px;}
h1 {font-size: 40px;
font-family: 'Courier New', Courier, monospace;
}