body {
	background-image: url(/assets/twinklestars.gif);
	color: #89ff66;
	background-color: black;
	padding: 80px;
	margin: 80px 80px 80px 80px;
}	


.container {
  display: grid;
  grid-template-rows: 100px 20px;
  grid-template-columns: 100px 100px;
  margin: 10px 180px 10px 180px;
  row-gap: 2px;
  place-content: center;
}

.container + div {
  height: 100px;
  width: 100%;
  padding: 5px;
}


}

  

a {
	color: #ff7f0f;
}

#blinkcollect {
	margin: 5px;
	padding: 5px;
	border: solid green;
}

#landing {
	background-color: #1a0040c9;
	border: 3px dashed #89ff66;
  	padding: 50px;
	text-align: center;
	margin: 30px;
	
}

#jukebox {
	
	background-color: #1a0040c9;
	border: 3px dashed #89ff66;
  	padding: 50px;
	text-align: left;
	margin: 30px;
}


#gamerzone {
	background-color: #1a0040c9;
	border: 3px dashed #ad00ff;
  	padding: 50px;
	text-align: left;
	margin: 30px;
}

#gamerzone a {
	color: #ad00ff;
}


#titleimg {
  display: flex;
  justify-content: center;
}

.homedog {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.homedog:hover + .hide {
  display: block;
  text-align: center;
  text-shadow: 0 0 50px 15px #c8f173;
}
#title {
	 /* Rainbow Gradient */
  background: linear-gradient(
    270deg,
    #ff0000,
    #ff9900,
    #ffff00,
    #33cc33,
    #0066ff,
    #6600cc,
    #ff3399,
    #ff0000
  );
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: rainbowMove 5s linear infinite;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}

@keyframes rainbowMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }