html, body {
    margin: 0;
    padding: 0;
    position: relative; 
    background-color: black;
    text-align: center;
    color:white;
  }
  
  #left, #right {
    position: absolute; 
    top: 200px;
    width: 135px;
    height: 300px;
  }
  
  #left {
    left: 0;
  }
  
  #right {
    right: 0;
  }
  input {
    outline:black;
    background-color:white;
}
form {
    text-align: center;
}
details {
    color:white;
    text-align:center;
    margin-top: 50px;
}
hr {
    margin-top: 670px;
}
#cata {
  font-size:30px;
}
footer {
  display: flex;
  justify-content: space-evenly;
  padding: 10px;
}

footer a {
  text-decoration: none;
}
footer:hover {
  color:white
}
a:link {
 color:#8F8FFF;
}
a:hover {
 color:gray; 
}
a:visited {
 color:purple; 
}
#randomLinkBtn:link {
   color:#8F8FFF;
}
#randomLinkBtn:hover {
   color:gray;
}
#randomLinkBtn:visited {
 color:purple; 
}
.characters {
  margin-left: auto;
  margin-right: auto; 
}