html, body {
  overflow: hidden;
}
body {
    font-family: "Funnel Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.particles-js-canvas-el {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#particles-js {
    background-color: rgba(1, 1, 1, 0.4);
}

.animated {
    animation: 1s ease-out 0s 1 slideInFromRight;
}

.static-background {
    background: url("/assets/printing_system_poster-b5b96285.webp") no-repeat center center fixed;
    background-size: cover;
}

button[type="submit"],
button[type="button"] {
    cursor: pointer;
}

@layer components {
  .slide-current {
    @apply opacity-100 scale-100 transition-all duration-300;
  }

  .slide-adjacent {
    @apply opacity-70 scale-90 transition-all duration-300;
  }

  .slide-hidden {
    @apply opacity-50 scale-80 transition-all duration-300;
  }
}