html {
  height: 100%;
}

body {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  background-image: url(../images/compoundhalf.jpg);
  -webkit-background-size: cover;
  color: red;
}

.level1 {
  color: white;
  font-size: 300%;
  text-align: center;
  font-family: 'Kosugi Maru', sans-serif;
}

.level2 {
  color: white;
  font-size: 20px;
  text-align: center;
  font-family: 'Kosugi Maru', sans-serif;
}

.centered {
  position: absolute;
  top: 42%;
  width: 100%;
}