html {
  --fontFamily: "Trekking-Bold";
  --fontFamily2: "PTFSerif-Regular";
  --fontFamily3: "Windings3";
  --padding: 2vw;
  --fontSize: 8vw;
}

::selection {
  background: rgb(0, 0, 0) !important;
  color: rgb(255, 255, 255);
}

a {
  color: rgb(206, 19, 14);
}

ul {
  list-style: none;
  /* margin-left: 0;
  padding-left: 0;
  position: static;
  font-family: var(--fontFamily);
  font-size: 2vw;
  left: calc(5 * var(--padding)); */
}

li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.4;
}

li:before {
  content: "➜";
  padding-right: 5px;
}

@font-face {
  font-family: "Trekking-Bold";
  src: url("./fonts/Trekking-Bold.otf");
}

@font-face {
  font-family: "PTFSerif-Regular";
  src: url("./fonts/PTSerif-Regular.ttf");
}

@font-face {
  font-family: "Windings3";
  src: url("./fonts/Wingdings 3.ttf");
  /* font-stretch: 50%; */
}

.head {
  position: fixed;
  bottom: 2vw;
  /* left: 30vw; */
  color: #000000;
  font-family: var(--fontFamily);
  font-size: 10vw;
  line-height: 10vw;
  /* top: 47vw; */
  right: calc(2.5 * var(--padding));
  z-index: -1;
}


.deadline {
  position: fixed;
  width: 20vw;
  bottom: 5vw;
  right: calc(2.5 * var(--padding));
  z-index: 4;
}

.requirements {
  position: relative;
  font-family: var(--fontFamily);
  font-size: 2vw;
  min-width: 200px;
  top: calc(18 * var(--padding));
  left: calc(0.1 * var(--padding));
}

img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  object-fit: cover;
}


.background {
  position: absolute;
  top: -20vw;
  left: -3vw;
  font-family: var(--fontFamily3);
  font-size: 25.5vw;
  line-height: 10vw;
  /* position: relative;  */
  /* top: 47vw; */
  width: 100%;
  height: 100%;
  text-align: justify;
  z-index: -1;
  word-wrap: break-word;
  white-space: pre-wrap;
  font-stretch: 20%;
}

.background-red {
  /* color: rgb(206, 19, 14);  */
  color: transparent;
  -webkit-text-stroke: 2px rgb(206, 19, 14);
}

.background-green {
  /* color: rgb(1, 123, 62);  */
  color: transparent;
  -webkit-text-stroke: 2px rgb(1, 123, 62);

}

background:after {
  content: "";
  display: inline-block;
  width: 100%;
}