form.signup,
form.login {
  margin-top: 50px;
}

footer {
  align-content: space-around;
  max-height: 50%;
}

hr.golden {
  margin-top:0 !important;
}

h1{
  font-family:'Press Start 2P', cursive;
  text-align: center;
}

h3{
  font-family:'Press Start 2P', cursive;
  text-align: center;
  color:white;
}

h5{
  font-family:'Press Start 2P', cursive;
  text-align: center;
  color:whitesmoke;
}

p{
  font-family:'Press Start 2P', cursive; 
  color: whitesmoke
}

header{
  font-size: xx-large;
}

#rpgui-button{
      text-align: center;
      overflow: auto;
      justify-content: center;
      align-items: center;

  }

#content{
  align-content: center;
}

#endcont{
  min-height: 100%;
  display: block; 
  left: auto; 
  margin-right: auto;
  text-align: center;
}

#endImage{
  display: block; 
  left: auto; 
  margin-right: auto;
}

#endTitle{
  margin-top: 50px;
  color: rgb(194, 136, 136);
}

#winTitle{
  margin-top: 50px;
  color: rgb(231, 241, 43);
}

 #winImage{
   text-align: center; 
   vertical-align: middle; 
   height:25%; 
   width:25%;
   padding: 50px;
}

#wintext{
  padding: 15px;
}

button{
  display: block;
  text-align: center; 
  justify-content: space-between;
  padding: 19px;
  text-decoration-color: black;
} 

#signupdiv{
  float: left;
  width: 45%;
}
  
#logindiv{
  float: right;
  width: 45%;
}

#bottomdiv{
  position: relative;
  top: 150px;
}

#bottomindexdiv{
  padding-top: 50px;
}

#topindexdiv{
  justify-content: space-between;
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}

#mainindexdiv{
  position: absolute;
  width: 97%;
  height:65%;
  align-items: center;
}

#signBtn{
  margin-top: 15px;
}

#loginBtn{
  margin-top: 15px;
}

#indexdiv{
  position: relative;
  width: 200%;
  height:55%;
  align-items: center;
}

#loginBtn{
  position: absolute;
  margin-bottom: 50px;
}

#signupBtn{
  position: absolute;
  margin-bottom: 50px;
}

#welcomediv{
  text-align: center;
  margin-top:145px;
}

#choosechar{
  text-align: center;
}

#charselect{
  justify-content: space-between;
}

#startBtn{
  align-content: center;
}

#plottext{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 87%;
  height: 30em;
  margin-left: 10px;
  font-size: 1.2em;
  line-height: 2;
}

#plotBox {
  height: 30%;
  display: block;
  width: 99%;
  position: absolute;
  bottom: 1%;
  right: 0.5%;
}

#plotNextBtn{
  position: absolute;
  top:0%;
  right: 1.5%;
}

#actionDiv{
  position: relative;
  bottom: 0%;
  align-content: center;
}

#mainBattleDiv{
  width: 100%; 
  height: 75%;
}


#statsdiv{
  float:left;
  max-width: 30%;
  height: 75%;
  width:500px;
}

#bossdiv{
  float: right;
  width: 60%;
  height: 20%;
}

#bossdiv h1 {
  margin-top:5px;
}

#hp-bar{
  position: absolute;
  left: 0%;
}

#bossimage{
  width: 100%;
}

li{
font-family:'Press Start 2P', cursive; 
}

h2{
  font-family:'Press Start 2P', cursive; 
  text-align: center;
  font-size: inherit;
}

#charselect div {
  display: inline-block;
  width:24%;
}

#startBtn {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.welcome-screen .golden {
  margin-left:10%;
}

#savedpathId{
  justify-content: space-between;
  text-align: center;
}

.rpgui-cursor-default {
  overflow-y:scroll !important;
}

#grave {
  text-align: center; 
  vertical-align: middle;
  width:15em;
}