.mainBody {
    background-color: #2c2821;
}
.loadingSpinner{
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 80px);
    
}

#letterJ {
    
    -webkit-animation: load1 3s infinite ease-in-out;
    animation: load1 3s infinite ease-in-out;
    -webkit-animation-delay: -0.64s;
    animation-delay: -0.64s;
}

#letterL {
    
    -webkit-animation: load1 3s infinite ease-in-out;
    animation: load1 3s infinite ease-in-out;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}


#dotOne {
    
    -webkit-animation: load1 3s infinite ease-in-out;
    animation: load1 3s infinite ease-in-out;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

#dotTwo {
    
    -webkit-animation: load1 3s infinite ease-in-out;
    animation: load1 3s infinite ease-in-out;
    
}


@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        fill: #ff8800;
    }
    40% {
        fill:#222
    }
  }
  @keyframes load1 {
    0%,
    80%,
    100% {
        fill:#ff8800;
    }
    40% {
        fill:#222
    }
  }