body {
  font-family: Arial, sans-serif;
  background-color: #121212;
  color: #e0e0e0;
  text-align: center;
}

h1 {
  margin-top: 20px;
  color: #ffffff;
}

#countdown {
  font-size: 1.2rem;
  margin-bottom: 20px;
  color: #ffcc00;
}

#nextDate {
  font-size: 1.2rem;      
  font-weight: 600;        
  color: #ffffff;          
  text-align: center;  
  margin: 20px 0;   
}


table {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  background-color: #1e1e1e;
}

th, td {
  border: 1px solid #555;
  padding: 8px;
  text-align: center;
}

th {
  background-color: #2c2c2c;
  color: #ffffff;
}

td {
  color: #e0e0e0;
}

tbody tr:hover {
  background-color: #333333;
}

#SignUp {
  display: inline-block;
  background-color: #ffcc00; 
  color: white;              
  padding: 12px 24px;       
  font-size: 1.2rem;         
  font-weight: bold;         
  text-align: center;       
  border-radius: 8px;        
  text-decoration: none;     
  transition: background-color 0.3s ease;
}

#SignUp:hover {
  background-color: #ac8901; 
}