/* ------- common --------- */

* {
  margin: 0;
  padding: 0;
}

body {
  color: #444;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  background-color: #cfd2d2;
}

li {
  list-style-type: none;
}

/* ---------- container ----------- */

#back {
  color: red;
  line-height: 100px;
  margin-left: 20px;
}

#container h2 {
  font-size: 70px;
  color: #fff;
  margin-left: 6vw;
}

.history {
  width: 80vw;
  min-width: 300px;
  margin-left: 10vw;
}

.box1 {
  margin-top: 10vh;
}

.box2 {
  margin-top: 3vh;
}

.era {
  color: #fff;
  font-size: 50px;
}

.text-area {
  margin-top: 3%;
  margin-bottom: 5%;
  margin-right: 2vw;
}

.text-area p {
  line-height: 2.5;
}

.left {
  display: inline-block;
  min-width: 8vw;
}