body {
	background-color: #3c3c3c;
	font-family: 'Press Start 2P', cursive;
	color: #eeeeee
}

.title {
	display: block;
	margin: auto;
	text-align: center;
	width: 80%;
}

.dropbtn {
	color: #eeeeee;
	font-size: small;
	border: none;
	display:block;
	cursor:pointer;
  }

  .dropbtn:hover {
	  color:#a271ff;
  }
  
  .dropdown {
	display: block;
	margin: auto;
	width: 90%;
  }
  
  .dropdown-content {
	display: none;
	margin: auto;
	width: 90%;
	font-size: x-small;
	line-height: 140%;
  }
  
  .dropdown-content img {
	  max-width: 30%;
  }

  .dropdown-content a {
	color:#a271ff;
	text-decoration: none;
  }

  .dropdown-content a:hover {
	color:#ff61b2
  }
  
  .dropcheck {
	  position: absolute;
	  left: -9999px;
  }
  
  .dropcheck:checked ~ .dropdown-content {
	display: block;
  }
  
  .dropcheck:checked + .dropbtn {
	color: #ff61b2;
  }

  .dropcheck:focus-visible + .dropbtn {
	outline: 2px solid #a271ff;
  }