.app-loader {
    height: 100%;
    width: 100%;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rainbow-loader {
    width: 5rem;
    height: 5rem;
    display:inline-block;
    padding: 0px;
    border-radius: 100%;
    border: 0.5rem solid;
    border-top-color: #fd7e14;
    border-bottom-color: #17a2b8;
    border-left-color: #dc3545;
    border-right-color: #20c997;
    -webkit-animation: loader 2s ease-in-out infinite alternate;
    animation: loader 2s ease-in-out infinite alternate;
}

@keyframes loader {
    from {transform: rotate(0deg);}
    to {transform: rotate(720deg);}
}

@-webkit-keyframes loader {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(720deg);}
}