body {
		font-family: Arial;
		background-color: transparent;
		overflow: scroll;
	}
	
	.sky {
		background-image: url("starz.gif");
	  background-position: center;
    background-repeat: repeat;
	}
	
	.txtcontainer {
	  margin-top: 100px;
	  margin-right: 25vw;
	  margin-left: 25vw;
	  display: flex;
		align-items: center;
		justify-content: center;
		position: 50vh;
	}
	
	.txt {
	  background-color: black;
	  color: white;
	}
	
	div {
	  background-color: transparent;
	}
	
	h1 {
		background-color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Verdana, sans-serif;
	}
	
	h2 {
		background-color: black;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
	}
	
	h2 span {
		color: red;
	}
	
	h3 {
		background-color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Verdana, sans-serif;
	}
	
	
	button {
	  background-color: black;
	  color: white;
		font-family: Verdana, sans-serif;
		transition: width 200ms, height 200ms;
	}
	
	button:hover {
		transform: scale(1.2);
		color: crimson;
		cursor: pointer;
	}
	
	button:active {
		transform: scale(0.95);
		background-color: darkslategray;
		color: lightblue;
	}
	
	.center {
		display: flex;
		align-items: center;
		justify-content: center;
		position: 50vh;
	}
	
	.secret {
    opacity: 0;
    color: black;
}
  .secret:hover {
      opacity: 1;
      color: white;
  }
	
	.songcreds {
		align-items: center;
		justify-content: center;
		color: white;
		background-color: black;
	}
	
	.songcreds span {
		color: red;
	}
	
	.panning {
	  animation-name: backthenforth;
	  animation-duration: 1s;
	  animation: linear infinite;
	}
	
  @keyframes backthenforth {
    0% { transform: translateX(0); }
    10% { transform: translateX(0); }
    45% { transform: translateX(100%); }
    55% { transform: translateX(100%); }
    90% { transform: translateX(0); }
    100% { transform: translateX(0); }
  }