body { 
    text-align: center; 
    font-family: Arial; 
}

video, audio { 
    margin: 10px; 
    border-radius: 10px;
}

.main-video {
    transition: transform 0.6s ease, box-shadow 0.6s ease;
}
.main-video:hover {
    transform: scale(1.1) rotateY(8deg);
    box-shadow: 0 0 25px gold;
}

.blurry-video {
    opacity: 0.8;
    transform: translateY(10px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.blurry-video:hover {
    opacity: 1;
    transform: translateY(-10px) scale(1.05);
}

.spaceship-audio {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.spaceship-audio:hover {
    transform: scale(1.2);
    box-shadow: 0 0 25px 5px cyan;
    animation: pulse 1s infinite alternate;
}

@keyframes pulse {
    0% { box-shadow: 0 0 10px 2px cyan; }
    100% { box-shadow: 0 0 25px 6px blue; }
}

.regular-audio {
    transition: transform 0.5s ease;
}
.regular-audio:hover {
    transform: scale(1.05) rotate(-2deg);
}