@keyframes ani-cur {
  0%     { cursor: url(image/cursor/cur_00.png), default; }
  7.14%  { cursor: url(image/cursor/cur_01.png), default; }
  14.29% { cursor: url(image/cursor/cur_02.png), default; }
  21.43% { cursor: url(image/cursor/cur_03.png), default; }
  28.57% { cursor: url(image/cursor/cur_04.png), default; }
  35.71% { cursor: url(image/cursor/cur_05.png), default; }
  42.86% { cursor: url(image/cursor/cur_06.png), default; }
  50%    { cursor: url(image/cursor/cur_07.png), default; }
  57.14% { cursor: url(image/cursor/cur_08.png), default; }
  64.29% { cursor: url(image/cursor/cur_09.png), default; }
  71.43% { cursor: url(image/cursor/cur_10.png), default; }
  78.57% { cursor: url(image/cursor/cur_11.png), default; }
  85.71% { cursor: url(image/cursor/cur_12.png), default; }
  92.86% { cursor: url(image/cursor/cur_13.png), default; }
  100%   { cursor: url(image/cursor/cur_00.png), default; }
}

body {
  color: white;
  font-family: Verdana;
  background-image: url("image/stars.gif");
  background-repeat: repeat;
  white-space: nowrap;  
  animation: ani-cur 1s infinite;
}
body a {
  color: white;
  text-decoration: underline;   /* keep the link look even after href removed */
}
body a:hover {
  color: yellow;                /* rollover effect - tweak to taste */
}

/* Main Stuff */
#logo-container {
  position: absolute;
  top: 100px; 
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#logo-container a {
  position: relative; 
}
#logo-container img {
  position: relative;
  left: 10px;
}
#logo-container p {
  position: relative;
  text-align: center;
}

#info-container {
  position: absolute;
  top: 325px; 
  left: 50%;
  transform: translateX(-50%);
}
#info-container a {
  position: relative; 
}

#info-container h2 {
  position: relative;
  left: 150px;
}
#info-container ol {
  position: relative;
  left: 50px; 
}

/* Decor */
#open24hrs {
  position: absolute;
  top: 70px; 
  left: 50%;
  transform: translateX(-50%);
}
#warp {
  position: absolute;
  top: 340px; 
  left: 50%;
  transform: translateX(-50%);
}
#twinkles1 {
  position: absolute;
  top: 140px; 
  left: calc(50% + 100px);;
  transform: translateX(-50%);
}
#twinkles2 {
  position: absolute;
  top: 180px; 
  left: calc(50% - 100px);;
  transform: translateX(-50%);
}

/* Gallery */
#gallery-container {
  position: absolute;
  top: 400px; 
  left: calc(50% + 200px);;
  transform: translateX(-50%);
  z-index: 1;
}
#gallery-container img,
#gallery-container iframe {
  position: absolute;
  top: 0;
  left: 0;
}
#layer1 {
  z-index: 1;
}
#iframe-layer2 {
  width: 256px; 
  height: 144px; 
  border: none;
  z-index: 2; 
}
#layer3 {
  z-index: 3;
}
#arrow-container {
  position: absolute;
  top: 450px; 
  left: calc(50% + 250px);;
  transform: translateX(-50%);
  margin: 0;
  color: yellow;
}
#arrow-container img {
  position: relative;
  left: -20px;
  top: 120px;
  z-index: 0;
}

/* Hall of Fame */
#fame-container {
  position: absolute;
  top: 610px; 
  left: calc(50% + 560px);;
  transform: translateX(-50%);
}
#fame-container a {
  position: relative; 
}
#fame-container img {
  position: relative;
}
#fame-container ul {
  position: absolute;
  left: 30px; 
  top: 260px;
}
#fame-container p {
  position: relative;
  left: 62px; 
  top: -20px;
}

/* Footer */
#footer {
  position: absolute;
  top: 1170px; 
  left: 50%;
  transform: translateX(-50%);
  text-align: center; 
}

/* News */
#news-container {
  position: absolute;
  top: 1250px; 
  left: calc(50%);;
  transform: translateX(-50%);
}
#news-container a {
  position: relative; 
}
#news-container p {
  text-align: center; 
}

/* Archive */
#archive-container {
  position: absolute;
  top: 800px; 
  left: calc(50% + 350px);;
  transform: translateX(-50%);
}
#archive-container a {
  position: relative; 
}
#archive-container img {
  position: relative;
}
#archive-container p {
  position: absolute;
  left: 30px; 
  text-align: center;
}

/*Techs*/
#techs-container {
  position: absolute;
  top: 650px; 
  left: calc(50% + 350px);;
  transform: translateX(-50%);
}
#techs-container a {
  position: relative; 
}
#techs-container img {
  position: relative;
}
#techs-container p {
  position: absolute;
  top: -30px;
  text-align: center;
}


#archive-galactic-circus {
  position: absolute;
  top: 100px; 
  left: calc(50% - 300px);;
  transform: translateX(-50%);
}
#archive-galactic-circus img {
  position: relative;
}
#archive-galactic-circus p {
  position: absolute;
  left: -10px; 
  top: 25;
  text-align: center;
}

#archive-tutorial-island {
  position: absolute;
  top: 300px; 
  left: calc(50% - 400px);;
  transform: translateX(-50%);
}
#archive-tutorial-island img {
  position: relative;
}
#archive-tutorial-island p {
  position: absolute;
  left: -10px; 
  top: 25;
  text-align: center;
}

#archive-inverter {
  position: absolute;
  top: 500px; 
  left: calc(50% - 300px);;
  transform: translateX(-50%);
}
#archive-inverter img {
  position: relative;
}
#archive-inverter p {
  position: absolute;
  left: -10px; 
  top: 25;
  text-align: center;
}

#archive-rainbow-road {
  position: absolute;
  top: 500px; 
  left: calc(50% + 300px);;
  transform: translateX(-50%);
}
#archive-rainbow-road img {
  position: relative;
}
#archive-rainbow-road p {
  position: absolute;
  left: -10px; 
  top: 25;
  text-align: center;
}

#archive-pac-man-xiv {
  position: absolute;
  top: 300px; 
  left: calc(50% + 400px);;
  transform: translateX(-50%);
}
#archive-pac-man-xiv img {
  position: relative;
}
#archive-pac-man-xiv p {
  position: absolute;
  left: -10px; 
  top: 25;
  text-align: center;
}

#archive-pentaminos-never-die {
  position: absolute;
  top: 100px; 
  left: calc(50% + 300px);;
  transform: translateX(-50%);
}
#archive-pentaminos-never-die img {
  position: relative;
}
#archive-pentaminos-never-die p {
  position: absolute;
  left: -20px; 
  top: 25;
  text-align: center;
}

#archive-super-mario-xiv-1 {
  position: absolute;
  top: 700px; 
  left: calc(50% + 400px);;
  transform: translateX(-50%);
}
#archive-super-mario-xiv-1 img {
  position: relative;
}
#archive-super-mario-xiv-1 p {
  position: absolute;
  left: -40px; 
  top: 25;
  text-align: center;
}

#archive-another-space-shooter {
  position: absolute;
  top: 700px; 
  left: calc(50% - 400px);;
  transform: translateX(-50%);
}
#archive-another-space-shooter img {
  position: relative;
}
#archive-another-space-shooter p {
  position: absolute;
  left: -40px; 
  top: 25;
  text-align: center;
}

#archive-merry-poppins {
  position: absolute;
  top: 500px; 
  left: calc(50% - 500px);;
  transform: translateX(-50%);
}
#archive-merry-poppins img {
  position: relative;
}
#archive-merry-poppins p {
  position: absolute;
  left: -10px; 
  top: 25;
  text-align: center;
}

/* Planet Links */
#scamp-container a,
#orbit-container a,
#shousing-container a,
#shousing-container img,
#aina-container a,
#aina-container img,
#nae-container a,
#nae-container img,
#demi-container a,
#demi-container img,
#vega-container a,
#vega-container img,
#ode-container a,
#ode-container img,
#lux-container a,
#lux-container img,
#zim-container a,
#zim-container img {
  position: relative; 
}

#scamp-container p,
#orbit-container p,
#shousing-container p,
#aina-container p,
#nae-container p,
#demi-container p,
#vega-container p,
#ode-container p,
#lux-container p,
#zim-container p {
  position: absolute;
  text-align: center;
}

#scamp-container {
  position: absolute;
  top: 90px; 
  left: calc(50% + 350px);;
  transform: translateX(-50%);
}
#scamp-container p {
  left: 15px; 
}

#orbit-container {
  position: absolute;
  top: 90px; 
  left: calc(50% + 500px);;
  transform: translateX(-50%);
}

#shousing-container {
  position: absolute;
  top: 240px; 
  left: calc(50% + 450px);;
  transform: translateX(-50%);
}
#shousing-container p {
  top: -5px;
}
#aina-container {
  position: absolute;
  top: 850px; 
  left: calc(50% - 480px);;
  transform: translateX(-50%);
}
#aina-container img {
  left: 20px;
}
#nae-container {
  position: absolute;
  top: 700px; 
  left: calc(50% - 600px);;
  transform: translateX(-50%);
}
#nae-container img {
  left: 7px;
}
#demi-container {
  position: absolute;
  top: 330px; 
  left: calc(50% - 620px);;
  transform: translateX(-50%);
}
#demi-container img {
  left: 10px;
}
#vega-container {
  position: absolute;
  top: 550px; 
  left: calc(50% - 650px);;
  transform: translateX(-50%);
}
#vega-container img {
  left: 10px;
}
#ode-container {
  position: absolute;
  top: 480px; 
  left: calc(50% - 450px);;
  transform: translateX(-50%);
}
#ode-container img {
  left: 15px;
}
#ode-container p {
  top: 1px;
}
#lux-container {
  position: absolute;
  top: 660px; 
  left: calc(50% - 400px);;
  transform: translateX(-50%);
}
#lux-container img {
  left: 15px;
}
#zim-container {
  position: absolute;
  top: 275px; 
  left: calc(50% - 420px);;
  transform: translateX(-50%);
}
#zim-container img {
  left: 10px;
}

/* Mystery disc (below the message archive) */
#mystery-disc {
  position: absolute;
  top: 1010px;
  left: calc(50% + 350px);
  transform: translateX(-50%);
  z-index: 5;
  width: 50px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
#mystery-disc .md-frame {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 46px;
  line-height: 0;
}
#mystery-disc img {
  image-rendering: pixelated;
}
#mystery-disc .md-tear {
  position: absolute;
  left: 0;
  width: 50px;
  background: url(image/discgrey.gif) no-repeat;
  image-rendering: pixelated;
  pointer-events: none;
}
#mystery-disc .md-label {
  margin: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  color: #FFFF00;
}