body {
    max-width: 90%;
    background-color: #0d0d0f;
    color: #ffffff;
    font-size: 1rem;
    font-family: Arial, Helvetica, sans-serif;
}

video {
    border-radius: 25px;
    max-width: 100%;
}

.player {
    max-width: 770px;
    max-height: 575px;
}

.playlist {
}

.playlist-item {
    background-color: #15161a;
    border-radius: 8px;
    margin-top: 12px;
    padding: 1rem;
    cursor: pointer;
}

.playlist-item:hover {
    background-color: #212328;
}

.playlist-item-infos {
    font-size: 0.8rem;
    color: #8c8c8e;
}

.player-video-infos {
    font-weight: bold;
    text-align: center;
    color: #ffb300;
}

@media (min-width: 1250px) {
    .super-container {
        position: relative;
        overflow: hidden;
    }

    .player {
        position: relative;
        float: left;
    }

    .playlist {
        position: relative;
        float: left;
        margin-left: 1rem;

    }
}