/* Reset some default browser styles */
body, p {
  margin: 0;
  padding: 0;
}

/* Apply a background color to the body */
body {
  /*background-image: linear-gradient(to bottom right, #baf7f4, #1c4f4c);*/
  background-image: linear-gradient(to bottom right,#000000, #12b300, #dbd400);
  font-family: Arial, sans-serif;
}

/* Style the title */
h1 {
  text-align: center;
  color: #333;
}



/* Style the main link */
a {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  
}

a:hover {
  color: #ff0000;
  text-shadow: 1px 1px 1px #838383;
}

/* Add spacing to the main link */
a.main-link {
  display: block;
  margin: 20px 0;
  
}

a.main-link:hover {
    text-shadow: 1px 1px 1px #000000;
}

/* Style the paragraph */
p {
  margin: 10px 0;
  color: #000000;
}

/* Style the individual classmate links */
a.classmate-link {
  display: block;
  margin: 10px 0;
  color: #000000;
}

a.classmate-link:hover {
  color: #fffb00;
  text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 1px 1px 0 red;
}

table {
  border-collapse: collapse;
  width: 100%;
  border-radius: 5px;
}

table, td {
  border: 0px solid #ccc;
}

td {
  padding: 10px;
  text-align: center;
  
  transition: background-color 3s; /* Smooth transition for background color change */
  border-radius: 20px; /* Adjust the radius value for the level of rounding you want */
}

/* Change background color on hover */
td:hover {
  background-color: #000000;
  box-shadow: 2px 2px 2px black;
}

hr {
  border: 2px solid rgb(126, 126, 126);
  border-radius: 5px;
}
/* Center the section content */
section {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-image: linear-gradient(to top left,#000000, #12b300, #dbd400);
  border-radius: 10px;
  border: 2px solid #000000;
  box-shadow: 10px 10px 10px black;
  animation: pulsate 5s infinite; /* Apply the pulsating animation */
}

@keyframes pulsate {
  0% {
    transform: scale(1); /* Initial size (no change) */
  }
  50% {
    transform: scale(1.05); /* Scale up to 110% size */
  }
  100% {
    transform: scale(1); /* Return to the original size */
  }
}