@keyframes fadeOut {
          100% {
            opacity: 0;
            visibility: hidden;
          }
        }

        #loader {
          position: fixed;
          background: linear-gradient(#B31255, #7B0A67);
          z-index: 99;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        #loader.hidden{
          animation: fadeOut 1s;
          animation-fill-mode: both;
        }

        .fillStroke {
          stroke-dasharray: 280;
          stroke-dashoffset: 280px;
          animation-duration: 3s;
          animation-name: animateStroke;
          animation-direction: alternate;
          animation-iteration-count: infinite;
        }
        .loader-rotation {
          animation: rotation 4s infinite linear;
        }