button {
  background-color: black;
  border: 2px white;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  padding: 55px;
  margin: auto;
  width: 19.8%;
  cursor: pointer;
  transition-duration: 0.4s;
  white-space: pre-wrap;
}

button span {
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  right: -20px;
  transition: 0.5s;
}

button:hover span {
  padding-right: 20px;
}

button:hover span:after {
  opacity: 1;
  right: 0;
}

disabled {
background-color: black;
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 24px;
padding: 50px;
margin: auto;
width: 19%;
opacity: 0.6;   
cursor: not-allowed;
}

h1 {
  text-align: center;
  font-size: 150px;
  outline: 2px white;
  text-shadow: 2px 2px 2px #000000;
  color: white;
  text-decoration: underline;
  font-family: "Lucida Console", "Courier New", monospace;
  
}

body {
 background-color: #0D0D0D;
 background-image: url("Images/demigender.jpg");
 background-size: cover;
}

p {
font-size: 20px;
width: 1500px;
border: 1px solid black;
white-space: pre-wrap;
margin: auto;
padding: 10px;
color: white;
background: rgba(1, 1, 1, 0.8);
}

header {
 border: 2px;
 background-color: black;
}

footer {
  text-align: center;
  padding: 3px;
  background-color: #080606;
  color: white;
}