.body {
  padding: 0em 0em 0px;
  background-color: #013800;
  background-image: radial-gradient(circle farthest-corner at 50% 110%, #013800, #011d00 75%);
  font-family: 'Gt flexa extended', sans-serif;
  color: #ffffe9;
  font-weight: 300;
}

.text-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 300;
  text-align: center;
}

.text-block.title {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4rem;
  line-height: 120%;
}

.section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 95vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.html-embed {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 5%;
  margin-bottom: 0px;
  padding-bottom: 0rem;
  background-color: transparent;
}

.text-span {
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .text-block.title {
    font-size: 3rem;
  }

  .html-embed {
    bottom: 5%;
    padding-bottom: 0rem;
  }

  .text-span {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 479px) {
  .text-block.title {
    font-size: 2.2rem;
  }

  .section {
    height: 90vh;
  }

  .html-embed {
    bottom: 5%;
    padding-bottom: 0rem;
    background-color: transparent;
  }
}

@font-face {
  font-family: 'Gt flexa extended';
  src: url('../fonts/GT-Flexa-Extended-Light.woff2') format('woff2'), url('../fonts/GT-Flexa-Extended-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}