* {
  margin: 0;
  box-sizing: border-box;
  font-size: 16px;
}
.container {
  width: clamp(560px, 60vw, 1100px);
  height: 100vh;
  /* text-align: justify; */
  margin: 0 auto;
  padding: 0 20px;
  background-color: rgb(153, 135, 135);
  border-right: 40px solid #312e99;
  border-left: 40px solid #99111c;
  line-height: 1;
  background-image: url(../imgs/photo-1500530855697-b586d89ba3ee.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100vh;
}
.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight {
  padding: 20px;
  text-align: center;
}
.one {
  font-family: "Alfa Slab One";
  font-size: 3rem;
  color: red;
  font-weight: bold;
}
.two {
  font-family: "Carter One";
  color: white;
}
.three {
  font-family: "Cairo", sans-serif;
  font-size: 2rem;
  text-align: center;
  color: white;
}
.seven {
  font-family: "Caveat";
  font-weight: bold;
  font-size: 1.5rem;
  background-color: white;
  padding: 0;
  margin: 20px;
}
.turn {
  transform: rotate(-10deg);
  min-width: 450px;
  height: 20px;
}
.six {
  font-family: "Cookie";
  font-size: 2rem;
  color: white;
}
.five {
  font-family: "Mali";
  font-weight: bold;
  color: rgb(107, 43, 226);
  font-size: 1.5rem;
}
.four {
  font-family: "Oswald", sans-serif;
  color: white;
}
.eight {
  font-family: "DM Mono", monospace;
  text-align: right;
  padding-top: 50px;
  color: white;
}
.eight span {
  color: red;
}