* {
  margin: 0;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
    'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
body {
  overflow-x: hidden;
}
.scroll-wrapper {
  height: 300vh;
  width: 100%;
  background-color: red;
  color: white;
}
.sticky-container {
  height: 100vh;
  position: sticky;
  top: 0;
  background-color: black;
}
.heading {
  font-size: 80px;
  max-width: 90%;
  text-align: center;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, 50%);
}
.trident {
  height: 90vh;
  left: 50%;
  top: 10%;
  position: absolute;
  opacity: 0;
  transition: all 0.3ms ease-in-out;
}
.cta1 {
  padding: 10px 20px;
  font-size: 18px;
  color: white;
  background-color: coral;
  border: 0;
  opacity: 0;
  border-radius: 4px;
  transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: absolute;
  top: 80%;
  left: 10%;
}
.cta1:hover {
  background-color: lightcoral;
  outline: 1px solid white;
}
.section-2 {
  height: 100vh;
  background-color: lightcoral;
}