body {
  background-image: url("otherotherbg.jpg");
  overflow-x: hidden;
}


.topleft {
  background-color: #5c666f;
  width: 32vw;
  margin-left: 10vw;
  height: 23vh;
  margin-top: 2.5vh;
  border-radius: 10px;
  position: absolute;
}

.bigtitle {
  font: "sakemoru";
  color: #bab8b8;
  font-size: 65px;
  margin-left: 4vw;
  position: absolute;
  margin-top: 5vh;
}


.keyboard {
  position: absolute;
  border-radius: 10px;
  margin-left: 44vw;
  width: 44vw;
  margin-top: 2vh;
}

.guitar {
  position: absolute;
  margin-left: -9vw;
  margin-top: 15vh;
  height: 30vh;
  transform: rotate(270deg);
}


.graylace1 {
  margin-left: -1vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}

.graylace2 {
  margin-left: 10vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}
.graylace3 {
  margin-left: 21vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}
.graylace4 {
  margin-left: 32vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}
.graylace5 {
  margin-left: 43vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}
.graylace6 {
  margin-left: 54vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}
.graylace7 {
  margin-left: 65vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}
.graylace8 {
  margin-left: 76vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}
.graylace9 {
  margin-left: 87vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}
.graylace10 {
  margin-left: 98vw;
  position: absolute;
  margin-top: 22vh;
  width: 11vw;
}


.whiteswirly {
  position: absolute;
  height: 13vh;
  margin-top: 62vh;
  margin-left: 43vw;
  display: none;
}


.memusic {
  position: absolute;
  height: 18.5vh;
  margin-top: 77.5vh;
  margin-left: 38.5vw;
  width: 58.5vw;
  background-color: #676f79;
  border-radius: 5px;
}

.songs {
  position: absolute;
  height: 18.5vh;
  margin-top: 39vh;
  margin-left: 38.5vw;
  width: 25vw;
  background-color: #676f79;
  border-radius: 5px;
}

.other {
  position: absolute;
  height: 36vh;
  margin-top: 39vh;
  margin-left: 65vw;
  width: 30vw;
  background-color: #5c666f;
  border-radius: 5px;
}

.songtitle {
  font-family: 'Bonny', serif;
  font-size: 26px;
  margin-top: 1vh;
  position: absolute;
  margin-left: 1vw;
  width: 7vw;
  color: #bab8b8;
}

.middle {
  background-color: #bab8b8;
  width: 0.06vw;
  height: 8vw;
  position: absolute;
  margin-left: 8vw;
  margin-top: 1.8vh;
  border-radius: 0.5px;
}






.clef {
  position: absolute;
  margin-left: 60vw;
  margin-top: 32vh;
  width: 18vw;
}

.minititle1 {
  position: absolute;
  background-color:#5c666f;
  margin-left: 14vw;
  margin-top: 39vh;
  height: 57vh;
  width: 23vw;
  border-radius: 5px;
}

.covertext {
  position: absolute;
  color: #bab8b8;
  margin-top: 1vh;
  margin-left: 1vw;
  font-size: 29px;
}

.actualcovers {
  overflow-y: scroll;
  height: 50vh;
  margin-top: 6.5vh;
  width: 23vw;
}

.tearsforfears {
  position: absolute;
  height: 20vh;
  margin-top: 55vh;
  margin-left: 1vw;
}
.sling {
  position: absolute;
  height: 20vh;
  margin-top: 77vh;
  margin-left: 1vw;
}

.heartbeat1 {
  margin-top: -0.4vh;
  margin-left: 1vw;
  position: relative;
}

.heartbeat1text {
  font-family: 'Bonny', serif;
  font-size: 18px;
  position: relative;
  margin-left: 1vw;
  margin-top: -0.1vh;
  margin-right: 1vw;
  color: #bab8b8;
}

.lookingout {
  margin-top: -0.4vh;
  margin-left: 1vw;
  position: relative;
}

.lookingouttext {
  font-family: 'Bonny', serif;
  font-size: 18px;
  position: relative;
  margin-left: 1vw;
  margin-right: 1vw;
  margin-top: 1vh;
  color: #bab8b8;
}


.lessiknow {
  margin-top: -0.4vh;
  margin-left: 1vw;
  position: relative;
}

.lessiknowtext {
  font-family: 'Bonny', serif;
  font-size: 18px;
  position: relative;
  margin-left: 1vw;
  margin-top: 1vh;
  margin-right: 1vw;
  color: #bab8b8;
}

.movedalong {
  margin-top: -0.4vh;
  margin-left: 1vw;
  position: relative;
}

.movedalongtext {
  font-family: 'Bonny', serif;
  font-size: 18px;
  position: relative;
  margin-left: 1vw;
  margin-top: 1vh;
  color: #bab8b8;
  margin-right: 1vw;
}