.page {
    background-image: url("background.jpeg");
    background-size: cover;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
}

.content {
    background-color: black;
    opacity: 0.8;
    color: white;
    height: 100%;
}

.now-playing {

    background-color: black;
    opacity: 0.8;
    color: white;

    position: absolute;

    height:  auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;

    padding-top: 5%;

    width: 80%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

    text-align: center;
}

.now-playing .genre {
   margin-top: -5%;
   margin-bottom: 0.5em;
}

.now-playing {
    font-size: 700%;
}

.now-playing .tanda {
    border-top: solid white 1px;
    border-bottom: solid white 1px;
    padding-top: 5%;
    padding-bottom: 5%;
}

.now-playing .track {
    border-bottom: solid white 1px;
    padding-bottom: 5%;
    margin-bottom: 5%;
}

.now-playing .tanda .year {
    font-size: smaller;
}

.now-playing .upnext {
    font-size: 50%;
}

@media (max-width: 767px) {
  .now-playing {
    font-size: 200%;
  }
}