body {
    padding: 0;
    margin: 0;
    font-family: 'Cabin', 'Verdana',sans-serif;
    overflow: hidden;
}

#background {
    opacity: 0.4;
    height: 100vh;
    background:repeat;
    background-size:contain;

    background-position: center center;
    color: white;
    -webkit-animation: slide  180s linear infinite;




}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -100vw -100vh;
    }
}

#paused {
    font-size: 4vh;
    color:#FFE5ED;
    position:absolute;
    top:15vh;
    text-align:center;
    width:100%;
    background: rgba(0, 0, 0, .6);
    border-radius: 55px;
    padding: 5vh 0;
    left:0;
    display:none;

}

.blink {
  animation: blinker 1.2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#info, #connectbut {
    position: fixed;
    left: 5vw;
    top: 2vw;
    padding: 10px;
    z-index: 200;
    box-shadow: #000 0 0 10vh;
    text-align: center;
    border-radius: 3vw;
    background: black;
    color: white;
    font-size:2vh;
        max-width: 30vw;
}

#track {
   font-size:90%;
   color:coral;

}

#album-img {
    border-radius: 3vw;
    webkit-filter: grayscale(0);
    filter: grayscale(1%);
    max-width: 30vw;
    max-height: 30vw;
    width: 640px;
    height: 640px;
    display:none;
}



.clock {
    position: fixed;
    right: 5vw;
    bottom: 2vw;
    text-align:right;

    border-radius: 15px;
    padding: 0 1vh;
}

.clock .time {
    font-family: 'Courier New', Courier, monospace;

    font-size: 6vw;

   color: #FFFFFF;

text-shadow: 2px 2px 0 black, 2px -2px 0 black, -2px 2px 0 black, -2px -2px 0 black, 2px 0px 0 black, 0px 2px 0 black, -2px 0px 0 black, 0px -2px 0 black; 
    font-weight: bold;
}

.clock .date {
     font-family: 'Courier New', Courier, monospace;
     color: white;
    font-size: 3vw;

    text-shadow: 0 0 30px  black ;
     font-weight: bold;
}


#player {

  position: relative;

  pointer-events: none;
      width: 100%;
    height: 100%;
}

.player-contain {
  position: absolute;
  right: 5vw;
  top: 2vw;
  border-radius: 3vw;
    max-width: 50vw;
    max-height: 28vw;
    width: 1920px;
    height: 1080px;
  overflow: hidden;
  pointer-events: none;
  display:none;
  background:transparent;
}