style.css

/* Game container dimensions */
#game-container {
    width: 800px;
    height: 500px;
}

/* Ball styling */
#ball {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
}

/* Paddle styling */
#paddle-left, #paddle-right {
    width: 15px;
    height: 100px;
}

#paddle-left {
    left: 20px;
}

#paddle-right {
    right: 20px;
}

/* Responsive adjustments */
@media (max-width: 860px) {
    #game-container {
        width: 95vw;
        height: 60vh;
    }
}

/* Animation for ball hit */
@keyframes ballHit {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.ball-hit {
    animation: ballHit 0.2s ease-out;
}