body {
        background-color: black;
        inset: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: fixed;
      }

      .loadingParent {
         align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        width: 100%;
      }

      .loading {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 180px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }

    img {
        pointer-events: none;
        user-select: none;
        user-drag: none;
        -moz-user-select: none;
        -webkit-user-drag: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -webkit-touch-callout: none;
    }

    .circular{
         animation: rotate 2s linear infinite;
         height: 100px;
         width: 100px;
    }

    .path {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0;
      animation:
       dash 1.5s ease-in-out infinite
      ;
      stroke-linecap: round;
      stroke: #98185F;
    }

    @keyframes rotate{
     100%{
      transform: rotate(360deg);
     }
    }
    @keyframes dash{
     0%{
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0;
     }
     50%{
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35;
     }
     100%{
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124;
     }
    }
    @keyframes color{
      100%, 0%{
        stroke: #98185F;
      }
      40%{
        stroke: #98185F;
      }
      66%{
        stroke: #98185F;
      }
      80%, 90%{
        stroke: #98185F;
      }
    }