.funbox {  overflow: hidden;  }

#credits {
  text-align: center;
  /* Initial positioning for credits text */
  margin: auto;
  transform: translateY(45%);
  animation: credits-roll 40s linear infinite;
}
#credits table {
  width: 100%;
  margin: auto;
}
.credtable th {  width: 50%; padding: 8px; text-align: right;  }
.credtable td {  width: 50%; padding: 8px; text-align: left;  }
.specialthanks td {  text-align: center;  }
/* Code to make the scrolling happen */
@keyframes credits-roll {
  from {
    transform: translateY(30%);
  }
  to {
    transform: translateY(-100%);
  }
}

@media only screen and (max-width: 680px) {
  #credits {
    width: 90%;
	font-size: 10px;
  }
}