html,body {margin:0; padding:0;width: 100vw;height:100vh;overflow-x: hidden;}
.container {display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      margin:10px;}
    button {display:block; font-size:20px; }
    ul {padding: 0%;} 
    .playlist-container {margin-top: 40px;
      display: flex;
      flex-direction: column;}
    #currentTrack {margin-top: 10px;}
    .playlist--list {position: relative;
                    width: 1000px;
                    height: 600px;}
    .playlist--list button {position: absolute;}
    #infoText {position: absolute;
            top: -15%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #567be0;
            color: rgb(255, 251, 0);
            padding: 5px;
            display: none;
            border-radius: 5px;
            white-space: nowrap;
            z-index: 1;}
    img:hover + #infoText {display: block;}
    #tournesol-logo {position: fixed;right: 28px;bottom: 10px;}

@media screen and (max-width: 768px) { 
    #currentTrack{font-size: 20px;}
    .playlist-container {margin-top:0px;}
.playlist--list {width:90vw; 
                height: 100vh;
                overflow-y: auto;margin-bottom:100px;}
    }