::-webkit-scrollbar {
  width: 16px
}
    
::-webkit-scrollbar-corner {
  background: #eee
}

::-webkit-scrollbar-track:vertical {
  background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
}
    
::-webkit-scrollbar-thumb {
  border: 1.5px solid #888;
  border-radius: 3px;
  box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
  background-color: #eee;
}

::-webkit-scrollbar-thumb:vertical {
  background: url("https://dl.dropbox.com/s/9a29qbkza3gmgl7/scroll1.png"), linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
  background-repeat: no-repeat;
  background-size: 65% auto, cover;
  background-position: center;
}

::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
  display: block
}
    
::-webkit-scrollbar-button:vertical {
  height: 15px
}
    
::-webkit-scrollbar-button:vertical:start:decrement {
  background: white;
  background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 100% auto, cover;
  -webkit-background-size: 100% auto, cover;
  -o-background-size: 100% auto, cover;
  background-size: 100% auto, cover;
  background-position: center;
  border-radius: 0 3px 0 0;
}
    
::-webkit-scrollbar-button:vertical:start:increment {
  display: none;
}
    
::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}
    
::-webkit-scrollbar-button:vertical:end:increment {
  background: white;
  background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 100% auto, cover;
  -webkit-background-size: 100% auto, cover;
  -o-background-size: 100% auto, cover;
  background-size: 100% auto, cover;
  background-position: center;
  border-radius: 0 0 3px 0;
}

body {
  background-color: white;
  font-family: arial;
  overflow-x: hidden;
  background-image: url(https://m.media-amazon.com/images/I/81IkJgaAIpL._UF1000,1000_QL80_.jpg);
}

.audio {
  position: absolute;
  margin-left: 530px;
  margin-top: 150px;
}

#audiotitle {
  position: absolute;
  margin-left: 535px;
  margin-top: 210px;
  color: white;
}

#taiso {
  position: absolute;
  margin-left: 880px;
  margin-top: 160px;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgb(0, 140, 255); 
}

.banner {
  background-color: rgb(195, 255, 238);
  box-shadow: 0 0 5px 2px rgb(0, 140, 255); 
  opacity: 0.8;
}

#ymodisc {
  position: absolute;
  margin-left: 1250px;
  margin-top: 20px;
  animation: spin 5s linear infinite;
}

#bandlogo {
  position: absolute;
  margin-top: 90px;
  margin-left: 70px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#title {
  margin-left: 200px;
}

#title2 {
  margin-left: 400px;
  color: rgb(255, 174, 0);
  filter: drop-shadow(3px 3px 3px rgb(0, 47, 255));
}

.container {
  background-color: rgb(195, 255, 238);
  overflow: auto;
  width: 500px;
  height: 700px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  box-shadow: 0 0 5px 2px rgb(0, 140, 255); 
}

.ryuichi {
  background-color: rgb(195, 255, 238);
  position: absolute;
  margin-top: -600px;
  margin-left: 1185px;
  width: 300px;
  height: 400px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
  box-shadow: 0 0 5px 2px rgb(0, 140, 255); 
}

#tightenupymo {
  width: 267px;
  position: absolute;
  margin-left: 880px;
  margin-top: -225px;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgb(0, 140, 255); 
}

#munekyun {
  width: 267px;
  position: absolute;
  margin-left: 880px;
  margin-top: -450px;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgb(0, 140, 255); 
}

.buttons {
  position: absolute;
  margin-top: -160px;
  margin-left: 1220px;
}

.button {
  color: blue;
  width: 250px;
  height: 50px;
  border-radius: 20px;
  font-size: 20px;
  box-shadow: 0 0 5px 2px rgb(0, 140, 255); 
}

.button:hover {
  background-color: yellow;
  font-weight: bold;
}

#buttonlink {
  text-decoration: none;
}

#debut {
  position: absolute;
  margin-top: -600px;
  margin-left: 550px;
}

#sss {
  position: absolute;
  margin-top: -600px;
  margin-left: 710px;
}

#multiplies {
  position: absolute;
  margin-top: -450px;
  margin-left: 550px;
}

#ppresure {
  position: absolute;
  margin-top: -450px;
  margin-left: 710px;
}

#bgm {
  position: absolute;
  margin-top: -300px;
  margin-left: 710px;
}

#technodelic {
  position: absolute;
  margin-top: -300px;
  margin-left: 550px;
}

#naughty {
  position: absolute;
  margin-top: -150px;
  margin-left: 710px;
}

#service {
  position: absolute;
  margin-top: -150px;
  margin-left: 550px;
}