/* Canvas background */
      #line-network-background {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: -1;
         background-color: #070a12;
      }

      .bg {
         margin-top: 50px;
         position: relative;
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-image: url('../img/bg/lien.jpeg');
         opacity: 0.8;
      }

      .bg::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: rgba(7, 10, 18, 0.5);
         /* semi-transparent dark overlay */
         z-index: 0;
      }

      .bg>.uk-container {
         position: relative;
         z-index: 1;
      }
        .About{
             margin-top: 50px;
         position: relative;
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-image: url('../img/bg/about.jpg');
         opacity: 0.8;
        }
         .About::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: rgba(7, 10, 18, 0.5);
         /* semi-transparent dark overlay */
         z-index: 0;
      }

      .About>.uk-container {
         position: relative;
         z-index: 1;
      }
      /* Existing slide-top animation */
      .slide-top {
         -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
         animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      }

      @-webkit-keyframes slide-top {
         0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
         }

         100% {
            -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
         }
      }

      @keyframes slide-top {
         0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
         }

         100% {
            -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
         }
      }

      /* New scrolling effects */
      /* Parallax effect for background images */
      .parallax {
         background-attachment: fixed;
         background-size: cover;
         background-position: center;
         transition: background-position 0.3s ease;
      }

      /* Fade-in animation */
      .fade-in {
         opacity: 0;
         animation: fade-in 1s ease-in-out forwards;
      }

      @keyframes fade-in {
         0% {
            opacity: 0;
         }

         100% {
            opacity: 1;
         }
      }

      /* Slide-in from left */
      .slide-in-left {
         transform: translateX(-30px);
         opacity: 0;
         animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
      }

      @keyframes slide-in-left {
         0% {
            transform: translateX(-30px);
            opacity: 0;
         }

         100% {
            transform: translateX(0);
            opacity: 1;
         }
      }

      /* Slide-in from right */
      .slide-in-right {
         transform: translateX(30px);
         opacity: 0;
         animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
      }

      @keyframes slide-in-right {
         0% {
            transform: translateX(30px);
            opacity: 0;
         }

         100% {
            transform: translateX(0);
            opacity: 1;
         }
      }

      /* Scale-up animation */
      .scale-up {
         transform: scale(0.9);
         opacity: 0;
         animation: scale-up 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
      }

      @keyframes scale-up {
         0% {
            transform: scale(0.9);
            opacity: 0;
         }

         100% {
            transform: scale(1);
            opacity: 1;
         }
      }