body {
    margin:0px;
    min-height:100vh;
    height:100%;
    width:100vw;
    max-width:100%;
}

#wrapper,
#background {
    width:100%;
    height:100%;
    max-width:100%;
}

#wrapper {
    position:relative;
}

#background img {
    display:block;
    width:100%;
    max-width:100%;
}

#playbutton {
    position:fixed;
    top:3em;
    left:3em;
}

#playbutton button {
    width:64px; /* Grootte */
    height:64px;  /* Grootte */
    background-color:rgb(235, 235, 235); /* Kleur knop */
    border:1px solid rgba(54, 54, 54); /* Kleur randje knop, is nu hetzelfde als kleur iconen */
    cursor: pointer;
    border-radius:50%;
    opacity:0.9;
    transition:opacity 0.5s;
    background-size:80%;
    background-position: center center;
}

#playbutton button.play {
    background-image:url('play.png');
}

#playbutton button.pause {
    background-image:url('pause.png');
}

#playbutton button:hover {
    opacity:1;
}