body {
 font-family: Arial, sans-serif;
 background-color: #f2f2f2;
 margin: 0;
 padding: 20px;
}


#container {
 max-width: 600px;
 margin: auto;
 background: white;
 padding: 20px;
 border-radius: 10px;
 text-align: center;
}


#frases p.frase {
 padding: 10px;
 margin: 10px auto;
 background-color: #e0f7fa;
 border-left: 5px solid #00796b;
 opacity: 0;
 transform: translateY(10px);
 animation: fadeIn 0.5s forwards;
}

#frases p.frase.par {
  background-color: #e0f7fa;
  border-left: 5px solid #00796b;
}

#frases p.frase.impar {
  background-color: #fff3e0;
  border-left: 5px solid #f57c00;
}

@keyframes fadeIn {
 to {
   opacity: 1;
   transform: translateY(0);
 }
}


button#botao-proxima {
 margin-top: 20px;
 padding: 10px 20px;
 font-size: 16px;
 background-color: #00796b;
 color: white;
 border: none;
 border-radius: 5px;
 cursor: pointer;
}


button#botao-proxima:disabled {
 background-color: #aaa;
 cursor: not-allowed;
}

#botao-proxima {
  position: fixed;
  left: 50%;
  bottom: 300px; /* valor maior para subir o botão */
  transform: translateX(-50%);
  z-index: 100;
  margin-top: 0;
  background-color: #00796b;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}