body, html {
  background-color: #e2c290;
  color: #a72608;
  font-family: "Times New Roman", Times, serif;
}

.poster {
  position: relative;
  margin: auto;
  margin-top: 13vh;
  width: 600px;
  height: 500px;
  background-image: url('/resources/bg.png');
  background-repeat: no-repeat, repeat;
  background-position: center;
  background-size: cover;
}

.text {
  position: absolute;
  color: #be3136;
  font-size: 11px;
  text-shadow: 1px 1px #e2c290;
  background-color: #e2c290;
  padding: 0.24%;
}

.text a {
  text-decoration: none;
  color: #ca3838;
  display: inline-block;
  transition: transform 0.3s ease, color 0.3s ease;
}

.text a:hover {
  transform: scale(1.1) rotate(-2deg);
}

.top-title {
  top: 2%;
}

.l1 {
  top: 25%;
  left: 25%;
}

.l2 {
  top: 35%;
  left: 30%;
}

.l3 {
  top: 45%;
  left: 33%;
}

.l4 {
  top: 55%;
  left: 25%;
}

.l5{
  top: 65%;
  left: 35%;
}

.desc {
  top: 50%;
  right: 11%;
  transform: rotate(-5deg);
  text-align: center;
}