loader.css

.loader-container
{
    position: absolute;
    top: 0;
    height: 0;
    background-color: #192024;
    width: 100vw;
    height: 100vh;
    z-index: 15;
    transition: all 0.5s ease-in-out;
}


#svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#path0 {
  stroke-dasharray: 1065px;
  stroke-dashoffset: 1065px;
  /* transition: all 0.5s cubic-bezier(0.63, 0.42, 0.79, 0.73); */
  animation: path0-anim 3s infinite;
  animation-timing-function: cubic-bezier(0.77, 0.2, 0.05, 1);
}

#path1 {
  stroke-dasharray: 1065px;
  stroke-dashoffset: 1065px;
  /* transition: all 0.5s cubic-bezier(0.63, 0.42, 0.79, 0.73); */
  animation: path1-anim 3s infinite;
  animation-timing-function: cubic-bezier(0.77, 0.2, 0.05, 1);
}

#path2 {
  stroke-dasharray: 1065px;
  stroke-dashoffset: 1065px;
  /* transition: all 0.5s cubic-bezier(0.63, 0.42, 0.79, 0.73); */
  animation: path1-anim 3s infinite;
  animation-timing-function: cubic-bezier(0.77, 0.2, 0.05, 1);
}

@keyframes path0-anim {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes path1-anim {
  to {
    stroke-dashoffset: 0;
  }