.redtheme .loader {
    display: none;
}

.blacktheme #linkedIn {
    display: none;
}

.blacktheme .loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 15vh;
    height: 15vh;
}

.blacktheme .loader span {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.blacktheme .loader span:nth-child(1) {
    background: rgba(255, 255, 255, 0.8);
    //backdrop-filter: blur(20px);
    animation: MoveUpDown 10s linear infinite;
    box-shadow: 1px 1px 40px 10px #ffffff;
    z-index: 2;
}

.redtheme .loader span:nth-child(1),
.redtheme .loader span:nth-child(2),
.redtheme .loader span:nth-child(3) {
    will-change: auto;
    animation: none;
    transition: none;
}

.blacktheme .iframe-bgcolor a {

overflow: visible !important;
}


.blacktheme .loader span:nth-child(2) {
    background: radial-gradient(#D3D3D3, #393939 90%);
    animation: animate 20s ease-in-out infinite;
}

.blacktheme .loader span:nth-child(3) {
    background: radial-gradient(#E0E0E0, #888888);
    animation: animate 20s ease-in-out infinite;
    animation-delay: -5s;
}

.blacktheme .loader span:nth-child(2),
.blacktheme .loader span:nth-child(3) {
    pointer-events: none;
}

.blacktheme .loader:hover span:nth-child(1) {
    background: rgba(10, 102, 194, 0.8);
    box-shadow: 1px 1px 40px 10px #0A66C2;
}

.blacktheme .loader:hover span:nth-child(2) {
    background: black;
}

.blacktheme .loader:hover span:nth-child(3) {
    background: black;
}



.blacktheme .loader:hover span:nth-child(2)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(rgb(var(--highlight-rgb)), rgba(var(--highlight-rgb), .4));
}

.blacktheme .loader:hover span:nth-child(3)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(rgb(var(--maincolor-rgb)), rgba(var(--maincolor-rgb), .7));
}



@keyframes MoveUpDown {

    0%,
    100% {
        bottom: 0;
    }

    50% {
        bottom: 10px;
    }
}

@keyframes animate {
    0% {
        transform: translate(-150px, 50px) scale(0.2);
        z-index: 1;
    }

    50% {
        transform: translate(150px, -50px) scale(0.3);
        z-index: 1;
    }

    50.00001% {
        transform: translate(150px, -50px) scale(0.3);
        z-index: 3;
    }

    100% {
        transform: translate(-150px, 50px) scale(0.2);
        z-index: 3;
    }
}