body {
  background-color: black;
  color: white;
  text-align: center;
  /*Verdana*/
  font-family: "Times New Roman", Times, serif;
}
 /* unvisited link */
a:link {
  color: LightBlue;
}

/* visited link */
a:visited {
  color: LightPink;
}

/* mouse over link */
a:hover {
  color: #FFFF99;
}

/* selected link */
a:active {
  color: blue;
} 

ul {
    /*text-align: center;*/
    list-style-position: inside;
}

.box {
  background-color: #101010;
  width: 480px;
  border: 2px solid darkgrey;
  padding: 20px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.bigbox {
  background-color: #101010;
  width: 640px;
  border: 2px solid darkgrey;
  padding: 20px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.footer {
  position: fixed;
  background-color: #101010;
  left: 0;
  bottom: 0px;
  width: 100%;
  /*background-color: red;*/
  /*color: white;*/
  text-align: center;
}

.spinning-text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Centers the text vertically on the page */
}

.giant-text {
    font-size: 10vw; /* Makes the text size relative to the viewport width (giant) */
    font-weight: bold;
    color: #3498db; /* Example color */
    animation: spin 4s linear infinite; /* Applies the spin animation */
}

@keyframes spin {
    0% {
        transform: rotate(0deg); /* Starts at 0 degrees */
    }
    100% {
        transform: rotate(360deg); /* Rotates a full 360 degrees */
    }
}