html, body {
  font-family: 'Montserrat', sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  margin: 0;
  padding: 0;
  background-color: #da373d;
}

body {
  background-position: 4%;
}

.separate-line::after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 50%;
  left: 20%;
  background: rgb(0, 29, 24);
  background: linear-gradient(90deg, rgba(0, 29, 24, 1) 50%, rgba(244, 214, 52, 1) 50%);
  width: 18%;
  transform: skew(-20deg, 0deg);
}

@media (orientation: landscape) {
  .separate-line::after {
    top:0;
    left: 40%;
  }
}


.footer {
  background-image: url('../assets/img/footer.jpg');
  background-size: cover;
  display: flex;
  justify-content: center;
}

.footer-bg-experiment {
  background-image: url('../assets/img/footer-pattern.png'), repeating-linear-gradient(45deg, transparent, transparent 3%, #001D18 3%, #001D18 6%);
  background-color: #F4D634;
  background-size: 100%, auto;
}

.text-yellow-outline {
  text-shadow: #F4D634 2px 0 0, #F4D634 1.75517px 0.958851px 0, #F4D634 1.0806px 1.68294px 0, #F4D634 0.141474px 1.99499px 0, #F4D634 -0.832294px 1.81859px 0, #F4D634 -1.60229px 1.19694px 0, #F4D634 -1.97998px 0.28224px 0, #F4D634 -1.87291px -0.701566px 0, #F4D634 -1.30729px -1.5136px 0, #F4D634 -0.421592px -1.95506px 0, #F4D634 0.567324px -1.91785px 0, #F4D634 1.41734px -1.41108px 0, #F4D634 1.92034px -0.558831px 0;;
}