body{
    background-color: rgb(123, 219, 236);
}

#principal{
margin: auto;
background-color: white;
padding: 20px;
border: 5px solid rgb(0, 0, 0);
border-radius: 20px;
width: 300px;
font-size: 20px;
font-family: 'Courier New', Courier, monospace;

}

input[type="text"] {
  width: 100%;            /* Ocupa a largura total do container */
  padding: 12px 20px;     /* Espaçamento interno (conforto ao digitar) */
  margin: auto;          /* Espaçamento externo */
  box-sizing: border-box; /* Garante que padding não aumente a largura total */
  border: 2px solid #ccc; /* Borda padrão */
  border-radius: 4px;     /* Bordas arredondadas */
  font-family: inherit;   /* Herda a fonte do elemento pai */
  font-size: 16px;        /* Evita zoom automático no iOS */
  outline: none;          /* Remove o contorno padrão do navegador */
}

select {
  width:100%;            /* Ocupa a largura total do container */
  padding: 12px 20px;     /* Espaçamento interno (conforto ao digitar) */
  margin: auto;          /* Espaçamento externo */
  box-sizing: border-box; /* Garante que padding não aumente a largura total */
  border: 3px solid #ccc; /* Borda padrão */
  border-radius: 4px;     /* Bordas arredondadas */
  font-family: inherit;   /* Herda a fonte do elemento pai */
  font-size: 16px;        /* Evita zoom automático no iOS */
  outline: none;          /* Remove o contorno padrão do navegador */
}

input[type="button"]  {
    width: 100%;
    height: 50px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    color: black !important;
    font-weight: 800;
    
}