@import url("css.css");
* {
  box-sizing: border-box;
}

body {
  font-family: Lato, sans-serif;
  font-size: 6vh;
  line-height: 1.3;
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  perspective: 100vw;
  transform-style: preserve-3d;
}

section {
  position: absolute;
  width: 100%;
  height: 100vh;
  border: 1px solid #1d1d1d;
  padding: 0 5vh;
  overflow: hidden;
}

.back {
  transform: translateZ(-50vh);
}

.top {
  transform: rotateX(-90deg) translateZ(-50vh);
}

.bottom {
  transform: rotateX(90deg) translateZ(-50vh);
}

.content {
  position: relative;
  width: 100%;
  height: 100vh;
}

p {
  max-width: 60%;
  margin: 0 auto 2em;
}

img {
  max-width: 100%;
  margin: 1em 0;
}

.top .content {
  top: 100vh;
}

.bottom .content {
  bottom: 105vh;
}