#ruleta-container {
    text-align: center;
    margin: 20px;
}

#ruleta-canvas {
    transition: transform 3s cubic-bezier(0.33, 1, 0.68, 1);
    transform-origin: center center;
}

#spin-button {
    padding: 10px 20px;
    background: #e74c3c;
    color: #fff;
    border: none;
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
}

#resultado {
    margin-top: 20px;
    font-weight: bold;
}