html {
  scrollbar-color: orange white;
}

body {
  background-color: rgb(255, 254, 173);
  background-image: url(https://d2j2uxe7jasn0r.cloudfront.net/thumbnails/image/rDtN98Qoishumwih/yellowandgraypaper-12-091815-1538_thumb.jpg);
  overflow-x: hidden;
  font-family: monospace;
}

#audio {
  position: absolute;
  margin-left: 700px;
  margin-top: 140px;
}

#songtitle {
  position: absolute;
  margin-left: 720px;
  margin-top: 180px;
  width: 250px;
}

.bgim {
  position: absolute;
  margin-left: 695px; 
  opacity: 0.6;
  height: 900px;
}

.container {
  background-color: white;
  width: 700px;
  height: 900px;
  margin-top: -20px;
  margin-left: -5px;
  margin-bottom: -20px;
  overflow: auto;
}

.title {
  background-color: orange;
  color: rgb(255, 255, 255);
  margin-top: -50px;
  margin-left: 100px;
  width: 500px;
  font-size: 50px;
  border: 1px dashed white;
  border-radius: 30px;
  box-shadow: 0 0 5px 2px orange; 
}

.titles {
  margin-left: 10px;
  color: rgb(255, 98, 0);
}

.bigtext {
  margin-left: 10px;
  color: rgb(30, 30, 30);
}

p {
  margin-left: 10px;
  margin-right: 30px;
}

.hiromi {
  position: absolute;
  margin-left: 640px;
  margin-top: -380px;
}

.albumroll {
  position: absolute;
  margin-left: 700px;
  margin-top: -850px;
}

hr {
  border: 1px dashed rgb(255, 134, 63);
  width: 95%;
}

.myojo1 {
  position: absolute;
  margin-left: 1300px;
  margin-top: -700px;
  rotate: 20deg;
}

.myojo2 {
  position: absolute;
  margin-left: 1300px;
  margin-top: -500px;
  rotate: -20deg;
}

.myojo3 {
  position: absolute;
  margin-left: 1250px;
  margin-top: -300px;
  rotate: 20deg;
}

.buttons {
  position: absolute;
  margin-left: 1030px;
  margin-top: -730px;
}

.button {
  background-color: orange;
  color: white;
  border: none;
  border-radius: 20px;
  width: 250px;
  height: 50px;
  font-size: 20px;
  font-family: monospace;
}

.button:hover {
  font-size: 21px;
  font-weight: bold;
  background-color: rgb(255, 122, 110);
}