body {
    font-family: Arial, sans-serif;
    background-color: #000000;
    color: #ff0000;
    text-align: center;
    padding: 20px;
}
header, .audio-section h2, .video-section h2 {
    padding: 20px;
    color: hsl(0, 100%, 50%);
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: transform 0.3s ease;
    transition: background-color 1s;
   
}
header:hover, .audio-section h2:hover, .video-section h2:hover {
    transform: scale(1.1) rotate(2deg);
    background-color: #292727;
}
.audio-section, .video-section, .fun-section {
    margin: 30px 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}
.video-section video {
    margin: 15px;
    border-radius: 8px;
    transition: transform 0.3s;
    background-color: #292727;
}
.video-section video:hover {
    transform: scale(1.05) rotate(5deg);
}
.fun-section .planet {
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, #ff0000, #b53d3d);
    border-radius: 50%;
    margin: 20px auto;
    animation: rotatePlanet 5s linear infinite;
    transition: transform 0.5s;
}

.fun-section .planet:hover {
    transform: scale(1.2);
}

@keyframes rotatePlanet {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
footer {
    padding: 10px;
    color: #ffffff;
}