.contClass {
    position: fixed;
    height: 100vh; /*50rem*/
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #ffffffc7;
}

.loaderText {
    display: inline;
    font-size: 20px;
    position: relative;
    top: 1rem;
    left: 2rem;
    color: #ef3307;
    margin-top: 55%;
    margin-left: 5%;
}

.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #ff5b35;
    /* Dark Green */
    border-radius: 50%;
    width: 152px;
    height: 152px;
    margin-top: 20%;
    margin-left: 10%;
    animation: spinloader 2s linear infinite;
}

    .loader img {
        height: 120px;
        width: 120px;
        animation: spinlogo 2s linear infinite;
    }

@keyframes spinloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinlogo {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}