.threeD_text {
    font-weight: bold;
    color: var(--text-color, #ffffff);
    font-size: var(--text-size, 100px);
    text-shadow: 
    0.05em 0.05em 0 var(--shadow-1-color, #ff8c00),
    0.1em 0.1em 0 var(--shadow-2-color, #e65100),
    0.15em 0.15em 0 var(--shadow-3-color, #bf360c);
    transform: rotateX(15deg) rotateY(-15deg) translateZ(0);
    transition: transform 0.3s ease, text-shadow 0.3s ease;
    cursor: pointer;
    animation: threeD_float 3s infinite ease-in-out;
}

.threeD_text.enable-hover:hover {
    transform: rotateX(0deg) rotateY(0deg) translateZ(1em);
    text-shadow: 
    0.1em 0.1em 0 var(--shadow-1-color, #ff8c00),
    0.2em 0.2em 0 var(--shadow-2-color, #e65100),
    0.3em 0.3em 0 var(--shadow-3-color, #bf360c);
}

@keyframes threeD_float {
    0%, 100% {
        transform: rotateX(15deg) rotateY(-15deg) translateY(0);
    }
    50% {
        transform: rotateX(15deg) rotateY(-15deg) translateY(-0.5em);
    }
}