@font-face {
  font-family: Inter-Thin;
  src: url("../fonts/Inter-Thin.ttf");
}
@font-face {
  font-family: Inter-ExtraLight;
  src: url("../fonts/Inter-ExtraLight.ttf");
}
@font-face {
  font-family: Inter-Light;
  src: url("../fonts/Inter-Light.ttf");
}
@font-face {
  font-family: Inter-Regular;
  src: url("../fonts/Inter-Regular.ttf");
}
@font-face {
  font-family: Inter-Medium;
  src: url("../fonts/Inter-Medium.ttf");
}
@font-face {
  font-family: Inter-SemiBold;
  src: url("../fonts/Inter-SemiBold.ttf");
}
.reference-section {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  position: relative;
  height: 80vh;
}
.reference-section img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: fixed;
  height: 100%;
  top: 5rem;
  filter: brightness(0.5);
}
.reference-section .reference-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 3rem;
  width: 35vw;
  height: 100vh;
  top: -2.5vh;
  z-index: 1;
  padding: 0 2.5rem;
  background-color: rgba(253, 253, 253, 0.9);
  justify-content: center;
}
.reference-section .reference-text a {
  color: #7ad155;
}
.reference-section:first-of-type .reference-text {
  height: 95vh;
  top: -14rem;
}
.reference-section:first-of-type .reference-text h1 {
  padding-top: 7.5rem;
}

.reference-larger {
  display: block;
}

.reference-smaller {
  display: none;
}

.second-reference {
  height: 90vh;
}
.second-reference .reference-text {
  height: 95vh;
}

.reference-right .reference-text {
  right: 0;
}

.small-reference {
  height: 72.5vh;
}
.small-reference .reference-text {
  height: 77.5vh;
  width: 40vw;
}
.small-reference img {
  top: -5rem;
}

.reference-line {
  height: 0.25rem;
  background-color: #7ad155;
}

@media screen and (max-width: 1526px) {
  .reference-text {
    width: 75vw;
  }
}
@media screen and (max-width: 720px) {
  .reference-section {
    height: 60vh;
    width: 100vw;
  }
  .reference-section .reference-text {
    width: 95vw;
    height: 60vh !important;
    top: 0;
    left: 50%;
    padding: 0;
    transform: translate(-50%);
  }
  .reference-section:first-of-type .reference-text {
    top: 0;
  }
  .reference-section:first-of-type .reference-text h1 {
    padding: 0;
  }
  .reference-larger {
    display: none;
  }
  .reference-smaller {
    display: block;
  }
  .small-reference {
    height: 60vh;
  }
  .img-reference {
    height: 30vh;
  }
  .img-reference img {
    top: 0;
  }
}/*# sourceMappingURL=references.css.map */