html {
  background-image: url(musici/background1.jpg);
  background-color: #b9cddc;
  color: black;
  font-family: Arial;
  font-size: 14px;
}

body {
  position: relative;
  align-content: center;
  padding: 50px 0px 0px 50px;
  margin-bottom: 250px;
  max-width: 700px;
  min-width: 700px;
}

a:link {
  color: #c0b890;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #c0b890;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #44515A;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #596975;
  background-color: transparent;
  text-decoration: underline;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e6eaed;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #677985;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #596975;
}

#artheader {
  margin: -15px -15px -1px -15px;
  text-align: center;
  line-height: 16px;
  width: 420px;
  background-color: #677985;
  line-height: 25px;
}

#blogheader {
  margin: -5px -5px -5px -5px;
  text-align: center;
  line-height: 16px;
  width: 200px;
  background-color: #677985;
  line-height: 25px;
}

#scrollie {
  position: absolute;
  top: 129px;
  left: 320px;
  height: 80px;
  width: 160px;
  overflow-y: auto;
  border: black solid;
  line-height: 0;
  scroll-padding-block: 0;
  background-color: #acb9c2;
}

#scrollie2 {
  position: absolute;
  height: 350px;
  width: 200px;
  overflow-y: auto;
  border: black solid;
  top: 235px;
  left: 90px;
  padding: 5px 5px 5px 5px;
  background-color: #acb9c2;
  scroll-snap-align: start;
  
}

#scrollie3 {
  position: absolute;
  top: 635px;
  left: 50px;
  height: 500px;
  width: 400px;
  margin-bottom: 300px;
  overflow-y: auto;
  border: black solid;
  padding: 15px 15px 15px 15px;
  background-color: #acb9c2;
  scroll-snap-align: start;
}

#scarpool {
    position: absolute;
    height: auto; 
    width: auto;
    top: 1010px;
    left: 370px;
    scale: 0.9;
}

#hioku {
   position: relative;
    height: auto; 
    width: auto;
    margin: 10px 0px 0px 35px;
    scale: 0.9;
}

#rocko {
   position: absolute;
    height: auto; 
    width: auto;
    top: 265px;
    left: 340px;
    scale: 1;
}

#warning {
  text-align: center;
  position: absolute;
  top: 1185px;
  left: 83px;
}

#mousey {
 position: absolute;
   height: auto; 
   width: 300px;
   top: 1210px;
   left: 210px;
}

#bigbio {
  position: absolute;
  color: #182430;
  text-align: center;
  align-content: center;
  margin-right: -65px;
  top: 90px;
  left: 160px;
}

#minibio {
  color: #182430;
  text-align: center;
  align-content: center;
  position: absolute;
  top: 120px;
  left: 20px;
}

#jupi {

  font-size: x-large;
  text-align: center;
  margin: 0px 29px 0px 33px; 
}

#inquire {
  position: absolute;
  top: 370px;
  left: 340px;
  color: #182430;
  line-height: 25px;
}

#inquireemail {
  border: solid 2px black;
  padding: 0px 0px 0px 0px;
  width: 94px;
  text-align: center;
  background-color: #677985;
  line-height: 16px;
}

#emailheader {
  position: absolute;
  top: 450px;
  left: 340px;
  color: #182430;
  line-height: 25px;
}

#email {
  border: solid 2px black;
  padding: 0px 0px 0px 0px;
  width: 94px;
  text-align: center;
  background-color: #677985;
}


#commissions {
  position: absolute;
  top: 520px;
  left: 340px;
  color: #182430;
  line-height: 25px;
}

#coms {
  border: solid 2px black;
  padding: 0px 0px 0px 0px;
  width: 94px;
  text-align: center;
  background-color: #677985;
}