body {
  background-color:beige;
}

.container1 {
  width: 60%;
  height: auto;
  margin-left: 17.5%;
  margin-top: 3%;
  padding: 2%;
  border: 10px solid orange;
}

.infobox {
  width: 80%;
  max-height: 35%;
  margin-bottom: 4%;
  padding: 1%;
  background-color: #f7c599;
  border: 1px dotted beige;
  font-size: 18px;
}

.songcontainer {
  width: 100%;
  height:100%;
  overflow-y: scroll;
  margin-bottom: 1%;
  background-color: white;
  font-size: 18px;
  display: inline-flex;
}

.playlist {
  width: 49%;
  border-right: 5px dotted lightgrey;
}

.rating {
  width: 49%;
  margin-left: 10%; /* fix this first also clear cache */
}