body{
    background-color: rgb(0, 0, 0);
    font-family: Georgia, 'Times New Roman', Times, serif;
}

 /* unvisited link */
a:link {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

/* visited link */
a:visited {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

/* mouse over link */
a:hover {
  text-decoration: none;
  color: #d10d0c;
}

/* selected link */
.choice-cursor:active {
  text-decoration: none;
  color: rgb(0, 0, 0);
} 

 /* unvisited link */
.choice-cursor:link {
  text-decoration: none;
  color: #000000;
}

/* visited link */
.choice-cursor:visited {
  text-decoration: none;
  color: rgb(0, 0, 0);
}

/* mouse over link */
.choice-cursor:hover {
  text-decoration: none;
  color: #d10d0c;
}

/* selected link */
.choice-cursor:active {
  text-decoration: none
  color(255, 255, 255)
} 


h2{
    text-align: center;
}

div {
  border-style: double;
  border-width: thick;
  color: white;
  margin: auto;
  text-align: center;
  width: 130px;   
  padding:10px;
}

img{
    display: block;
    margin: auto;
    height: 600px;
    width: 800px;
}

pre{
    text-align:center;
}

.textbox{
  text-align: center;
  height: 200px;
  width:650px;
  font-size: 14pt;
}

.textbox-ending{
  text-align:center;
  font-weight: bold;
  height: 200px;
  width:650px;
  font-size: 14pt;
}

.textbox-ending-unique{
  text-align:center;
  display:flex;
  justify-content:center; 
  align-items:center;
  font-weight: bold;
  height: 200px;
  width:650px;
  font-size: 14pt;
}

.textbox-character{
  text-align: center;
  height: 20px;
  width: 93px;
  font-weight: bold;
  margin-left:auto;
}

.textbox-character-red{
  text-align: center;
  height: 20px;
  width: 50px;
  font-weight: bold;
  margin-left:auto;
  border-color: white;
  color:#d10d0c;
}

.textbox-red{
  text-align: center;
  height: 200px;
  width:650px;
  font-size: 14pt;
  border-color: white;
  color:#d10d0c;
}

/* .choice-three-paths{
  display: flex;
  border-style: none;
  border-width: none;
  margin: auto;
  height: 600px;
  width: 800px;
} WIP */

/* Bottom left text */
.bottom-left {
  text-align: center;
  position: absolute;
  bottom: 300px;
  left: 500px;
  height: 20px;
  width: 60px;
  color: black;
}

/* Bottom left text */
.bottom-right {
  text-align: center;
  position: absolute;
  bottom: 300px;
  right: 510px;
  height: 20px;
  width: 55px;
  color: black;
}

.centered {
  text-align: center;
  position: absolute;
  top: 47.75%; 
  left: 51%;
  transform: translate(-50%, -50%);
  color: black;
}

.centered {
  text-align: center;
  position: absolute;
  top: 47.75%; 
  left: 51%;
  transform: translate(-50%, -50%);
  color: black;
}

.centered-granny {
  text-align: center;
  position: absolute;
  top: 30%; 
  left: 60%;
  transform: translate(-50%, -50%);
  color: rgb(255, 255, 255);
}

/* selected link */
.choice-  :active {
  text-decoration: none;
  color: rgb(255, 255, 255);
} 

 /* unvisited link */
.choice-cursor-granny:link {
  text-decoration: none;
  color: #ffffff;
}

/* visited link */
.choice-cursor-granny:visited {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

/* mouse over link */
.choice-cursor-granny:hover {
  text-decoration: none;
  color: #d10d0c;
}

/* selected link */
.choice-cursor-granny:active {
  text-decoration: none;
  color: rgb(255, 255, 255);
} 

/* selected link */
.choice-cursor-ending:active {
  text-align: center;
  height: 20px;
  width: 93px;
  font-weight: bold;
  margin:auto;
  text-decoration: none;
  color: rgb(255, 255, 255);
} 

 /* unvisited link */
.choice-cursor-ending:link {
  text-align: center;
  height: 20px;
  width: 93px;
  font-weight: bold;
  margin:auto;
  text-decoration: none;
  color: #ffffff;
}

/* visited link */
.choice-cursor-ending:visited {
  text-align: center;
  height: 20px;
  width: 93px;
  font-weight: bold;
  margin:auto;
  text-decoration: none;
  color: rgb(255, 255, 255);
}

/* mouse over link */
.choice-cursor-ending:hover {
  text-align: center;
  height: 20px;
  width: 93px;
  font-weight: bold;
  margin:auto;
  text-decoration: none;
  color: #d10d0c;
}

/* selected link */
.choice-cursor-ending:active {
  text-align: center;
  height: 20px;
  width: 93px;
  font-weight: bold;
  margin:auto;
  text-decoration: none;
  color: rgb(255, 255, 255);
} 

/*.arrow-1{
  float: left;
  display: block;
  margin-left: 200px;
  margin: auto;
}*/

/*.arrow-2{
  display: block;
  margin-right: 200px;
}*/