@font-face {
  font-family: Antipasto;
  font-weight: normal;
  src: url("../assets/antipasto-light.ttf") format("truetype");
}
@font-face {
  font-family: Now;
  font-weight: normal;
  src: url("../assets/Now-Thin.otf") format("opentype");
}
.background {
  z-index: -1;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #141516;
  transition: bottom 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.background.background-up {
  bottom: 65%;
}
.background svg {
  position: absolute;
  width: 100%;
  height: 100%;
  stroke-width: 3px;
  fill: none;
}
.background svg path {
  transition: d;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation: waves-breath ease-in-out infinite alternate;
  transform-origin: 50% 50%;
}
.background svg path#waves-path-1 {
  opacity: 0.4;
  stroke: #a0d0f0;
  transition-duration: 2s;
  animation-duration: 4s;
}
.background svg path#waves-path-2 {
  opacity: 0.4;
  stroke: #d0f0d0;
  transition-duration: 3s;
  animation-duration: 6s;
  animation-delay: -2s;
}
.background::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #141516, transparent, #141516);
}

@keyframes waves-breath {
  0% {
    transform: rotate(0deg) scale(1.05);
  }
  100% {
    transform: rotate(5deg) scale(1);
  }
}/*# sourceMappingURL=background.css.map */