body {
  background-color: #000000;
}

.chevron-container {
  margin: 0 auto;
  width: 5%;
  height: auto;
  margin-top: 10%;
}

.fa-chevron-down {
  font-size: 4em;
  color: #00C957;
  transition: ease-in-out .3s;
  
  &:hover {
    cursor: pointer;
  }
}

.reverse {
    transform: rotate(180deg);
}

function chevronToggle() {
    const icon = document.querySelector('.fa-chevron-down');
    icon.classList.toggle('reverse');
}