@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow&display=swap");
HTML, BODY {
  height: 100%;
}

BODY {
  display: absolute;
  align-items: center;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.05) 10%, transparent 0), linear-gradient(#0a1923, teal, yellowgreen);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: .75em 100%, 100% 100%;
  font-size: 16px;
  line-height: 2;
  font-family: Verdana,Comic Sans, sans-serif, Arial ;
}

.page {
  flex-shrink: 0;
  margin: 0 auto;
  width: 1200px;
}

.header {
  position: relative;
  z-index: 2;
  padding-top: 35%;
  display: flex;
}
.header::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(https://static2-viaggi.corriereobjects.it/wp-content/uploads/2021/01/peperoncino.jpg?v=419999);
  background-size: cover;
  background-position: 50% 42%;
  -webkit-clip-path: polygon(62.42% 51.31%, 64.33% 34.54%, 68.07% 35.48%, 69.94% 30.36%, 77.22% 30.92%, 83.19% 24.48%, 84.98% 37.67%, 87.27% 39.99%, 90.9% 31.79%, 92.76% 39.93%, 92.72% 69.35%, 93.63% 80.31%, 97.39% 78.97%, 100% 86.8%, 66.24% 99.98%, -0.08% 87%, 0% 65.87%, 2.73% 61.37%, 6.38% 63.1%, 11.96% 54.48%, 15.17% 52.34%, 15.99% 37.97%, 22.17% 34.21%, 25.02% 19.46%, 33.03% 19.98%, 37.4% 9.26%, 42.06% 12.68%, 42.64% 24.15%, 41.53% 44.71%, 40.16% 55.65%, 46.03% 63.13%, 49.98% 61.54%, 55.88% 59.23%, 59.11% 50.59%);
          clip-path: polygon(62.42% 51.31%, 64.33% 34.54%, 68.07% 35.48%, 69.94% 30.36%, 77.22% 30.92%, 83.19% 24.48%, 84.98% 37.67%, 87.27% 39.99%, 90.9% 31.79%, 92.76% 39.93%, 92.72% 69.35%, 93.63% 80.31%, 97.39% 78.97%, 100% 86.8%, 66.24% 99.98%, -0.08% 87%, 0% 65.87%, 2.73% 61.37%, 6.38% 63.1%, 11.96% 54.48%, 15.17% 52.34%, 15.99% 37.97%, 22.17% 34.21%, 25.02% 19.46%, 33.03% 19.98%, 37.4% 9.26%, 42.06% 12.68%, 42.64% 24.15%, 41.53% 44.71%, 40.16% 55.65%, 46.03% 63.13%, 49.98% 61.54%, 55.88% 59.23%, 59.11% 50.59%);
}

H1 {
  position: absolute;
  width: 100%;
  margin: 0;
  top: 0;
  bottom: 100px;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 3rem;
  color: #FFF;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.5);
}
H1 SPAN {
  position: absolute;
}

.spring {
  left: 45%;
  bottom: 8%;
  -webkit-transform: rotateZ(-7deg);
          transform: rotateZ(-7deg);
  font-size: 4rem;
}

.is {
  left: 58%;
  bottom: 21%;
  -webkit-transform: rotateZ(-35deg);
          transform: rotateZ(-35deg);
}

.near {
  left: 60%;
  bottom: 35%;
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
}

.section {
  position: relative;
  margin-top: -3.65rem;
  padding: 2em;
  background: #FFF;
}
.section::before {
  content: '';
  display: block;
  float: right;
  width: 100%;
  padding-top: 7%;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 70% 60%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 70% 60%);
  shape-outside: polygon(0% 0%, 100% 0%, 100% 50%, 70% 60%);
}
.section::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 85%;
  width: 100%;
  padding-top: 10%;
  background: #FFF;
  -webkit-clip-path: polygon(0% 74.59%, 0% 6.3%, 101% 0%, 101% 89.21%, 91.69% 100%, 80.1% 80.82%, 71.08% 100%, 55.68% 86.56%, 44.01% 100%, 28.76% 82.27%, 11.74% 95.84%);
          clip-path: polygon(0% 74.59%, 0% 6.3%, 101% 0%, 101% 89.21%, 91.69% 100%, 80.1% 80.82%, 71.08% 100%, 55.68% 86.56%, 44.01% 100%, 28.76% 82.27%, 11.74% 95.84%);
}