body {
  background-color: #3a5a40;
  /*  font-family: Arial, Helvetica, sans-serif; */
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.25em;
  color: #dad7cd;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background-image: url(https://zoidtechnologies.com/static/skin/art/free-seamless-metal-textures.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
}
body main {
  display: flex;
}

.strike {
  text-decoration: line-through;
}

.scene {
  -webkit-animation-duration: 1s;
  /* 0.25s; */
  animation-duration: 1s;
  /* 0.25s; */
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /** Reverse "exit" animations */
}
.scene.is-exiting .element {
  animation-direction: alternate-reverse;
}

.noflex {
  flex: 0;
}

.nomargin {
  margin: 0;
}

.nopadding {
  padding: 0;
}