html, body {
  margin: 0;
  height: 100%;
}

body 
{
  background-color: black;
}

.centered 
{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.content 
{
  width:80%;
  height:100%;
}

.cover-parent 
{
  width: 100%;
  height: 100%;
}

span 
{
  font-size: 2em;
}

em 
{
  font-size: 2em;
}


.input-text
{
  width:100%;
  height:50%;
  margin-bottom: 1%;
  font-size: 2em;
  color:whitesmoke;
}

.blurrable 
{
  transition: 1.5s -webkit-filter linear;
}

.blurred 
{
  filter: blur(15px);
}

#narrator 
{
  width: 100%;
  height: 50%;
  margin-top: 1%;
}

.bottom 
{
  margin-top: 1%;
  height: 8%;
  width: 100%;
}

#narrator 
{
  font-size: 2em;
}

.globals 
{
  float: left;
  position:absolute;
  font-size: 2em;
}

.stat-box
{
  display: inline;
}

.scene_img {
  height: 80%;
  width: 100%;
  display:block;
}