.loader-box{
    position: absolute;
    left: 46vw;
    z-index: 10;
    top: 10vh;
}

.loader{
    margin-right: auto;
    margin-left: auto;
    margin-top: 5vh;
    width: fit-content;
    position: relative;
}

.loading-logo{
    width: 40px;
    position: relative;
    top: 51px;
    left: 6px;
}

.loading-circle{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: solid 2px  black;
    border-top: solid 2px transparent;
    position: relative;
    animation: rotation 2s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}