* { margin: 0; padding: 0; }

html, body {
  height: 100%;
  background: #000;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  overflow: hidden;
}

.menu {
  background: url("../image/background-clouds-300.png") repeat;
  display: none;
}

.contact-information { margin: 1em; }

.contents {
  width: 100%; height: 100%;
  background: url("../image/background-clouds-300.png") repeat;
}

.what-it-means {
  background: rgba(255, 255, 255, 0.1);
  font-family: "Fira Mono", monospace;
  font-size: 400%;
  margin: auto;
  position: relative;
  width: 20rem;
}

.what-it-means > span { display: inline-block; }

.first-letters {
  color: red;
  min-width: 6rem;
  text-align: right;
}

.last-letters { text-align: left; }

.meny-arrow {
  border: 5px solid transparent;
  position: absolute;
  z-index: 10;

  -webkit-transition: opacity 0.4s ease 0.4s;
  -moz-transition: opacity 0.4s ease 0.4s;
  -ms-transition: opacity 0.4s ease 0.4s;
  -o-transition: opacity 0.4s ease 0.4s;
  transition: opacity 0.4s ease 0.4s;
}

.meny-bottom .meny-arrow {
  bottom: 1rem; left: 50%;
  width: 16rem;
  margin-left: -8rem;
  text-align: center;
}

.meny-active .meny-arrow {
  opacity: 0;

  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}