html,
      body {
        margin: 0;
        padding: 0;
        height: 100%;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        overflow-y: scroll;
      }
      section {
        scroll-snap-align: start;
      }
      .fade-in {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.8s ease, transform 0.8s ease;
      }
      .fade-in.show {
        opacity: 1;
        transform: translateY(0);
      }
      .hover-effect:hover {
        transform: translateY(-5px);
        transition: transform 0.3s ease;
      }