body {
    min-height:100vh;
  font-family: Arial, sans-serif;
  background: #f9f9f9;
   background: #EEAECA;
background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
 
  padding: 0px;
  margin: 0px;
}

.container {
  max-width: 700px;
  margin: auto;
  
}

table {
  width: 100%;
   border: 3px solid #ccc;
  border-collapse: collapse;
  margin-top: 20px;
}

table, th, td {
  border: 1px solid #ccc;
font-weight: bold;
}

th, td {
  padding: 10px;
  text-align: center;
}

th {
  background-color: #eee;
}
.date-submit {
  display: flex;
  align-items: center;
  gap: 10px;
}

#submit-date {
  padding: 6px 12px;
  cursor: pointer;
  background-color: #007bff;
  color: blue;
  border: none;
  border-radius: 10px;
}

#submit-date:hover {
  background-color: blue;
}
 tr:nth-child(even) {
      background: hsla(333, 100%, 53%, 1);

background: linear-gradient(90deg, hsla(333, 100%, 53%, 1) 0%, hsla(341, 91%, 68%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(333, 100%, 53%, 1) 0%, hsla(341, 91%, 68%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(333, 100%, 53%, 1) 0%, hsla(341, 91%, 68%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FF0F7B", endColorstr="#F86594", GradientType=1 );
    }
    
    tr:nth-child(odd) {
      background: hsla(33, 94%, 57%, 1);

background: radial-gradient(circle, hsla(33, 94%, 57%, 1) 0%, hsla(33, 94%, 57%, 1) 2%, hsla(341, 91%, 68%, 1) 100%);

background: -moz-radial-gradient(circle, hsla(33, 94%, 57%, 1) 0%, hsla(33, 94%, 57%, 1) 2%, hsla(341, 91%, 68%, 1) 100%);

background: -webkit-radial-gradient(circle, hsla(33, 94%, 57%, 1) 0%, hsla(33, 94%, 57%, 1) 2%, hsla(341, 91%, 68%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F89B29", endColorstr="#F89B29", GradientType=1 );
    }