body {
  background-image: url("https://cdn.glitch.global/a07490cd-264e-4e47-bd28-828bba595733/americanconfetti.gif?v=1711859583854");
  cursor: url("https://cdn.glitch.global/a07490cd-264e-4e47-bd28-828bba595733/cursor2.gif?v=1711879179206"), auto;
  cursor: pointer url("https://cdn.glitch.global/a07490cd-264e-4e47-bd28-828bba595733/hkanicursor.gif?v=1711879167618");
}

.top {
  background-color: yellow;
  width: 100%;
}

.train {
  margin-top: auto;
  margin-bottom: auto;
  z-index: -1;
}

nav {
  text-align: right;
  font-size: 20px;
  margin-top: -20px;
}

.parent {
  display: grid;
  margin-top: 1em;
  grid-template-columns: 4fr 1fr;
  grid-gap: 1em;
}

.child1{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
}

table, th, td {
  border: 1px solid black;
}

marquee {
  font-family: cursive;
  font-weight: bold;
}

audio {
  width: 100%;
}

audio:: -webkit-media-controls-panel{
  opacity: 0;
}

.child2{
  background-color: blue;
}

.center {
  position: absolute;
  margin: auto;
  top: 20px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 0;
  width: 60%
}

.skeleton {
  position: relative;
  margin-left: 13%;
  margin-right: auto;
  top: 20px;
  z-index: 1
}

.cd {
  position: relative;
  margin-top: -50%; 
  margin-left: 73%;
  margin-right: auto;
  z-index: 1
}

.volume {
  position: relative;
  margin-top: -20px;
  color: blue;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}

.ad1 {
  width: 70%;
}

.ad2 {
  width: 7%;
}

.ad3 {
  width: 40%;
}

.bottom {
  text-align: center;
}

.ad4 {
  width: 80%;
  margin-left: 10%;
}