body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.player-container {
    width: 100vw;
    height: 56.25vw;

    margin: 0;

    background-color: blue;
}

.controls {
    margin: 25px 0 25px 0;
}

@media (min-width: 580px) {
    .player-container {
        width: 576px;
        height: 324px;

        margin: 25px;
    }

    .controls {
        width: 576px;
        margin: 25px;
    }
}

.give-me-space {
    margin: 25px 0 0 25px;
}

.sub-desc {
    margin: 10px 0 10px 10px;
}

.details {
    margin: 10px 0 10px 25px;
    font-size: 14px;
}

.container {
    margin: 10px;
}

.disable {
    pointer-events: none;
    opacity: 0.4;
}