body {
  background-image: url(bg.png);
  background-repeat: repeat;
  background-size: 50px;
  position: relative;
}

#hi {
  background-color: #FAFEED;
  height: 1700px;
  width: 700px;
  position: relative;
  top: 0px;
  left: 400px;
border-radius: 20px;
overflow: hidden;
-webkit-mask-image: url(mask.png);
  mask-image: url(mask.png);
  mask-repeat: no-repeat;
 mask-position: center;
 mask-size: 700px 1700px;
}


#scroll {
  height: 200px;
  width: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  word-wrap: break-word;
  margin-left: 100px;
 color: #132f40;
 position: relative;
}

#images {
  position: absolute;
  margin-left: 165px;
  margin-top: 50px;
  margin-bottom: 50px;

}

#about {
  transition:  0.4s ease;
  margin: 10px;
}

#about:hover {
  transition:  0.4s ease;
  transform: scale(1.1);
}
#art {
  transition:  0.4s ease;
  margin: 10px;
}

#art:hover {
  transition:  0.4s ease;
  transform: scale(1.1);
}
#music {
  transition:  0.4s ease;
  margin: 10px;
}

#music:hover {
  transition:  0.4s ease;
  transform: scale(1.1);
}
#fun {
  transition:  0.4s ease;
  margin: 10px;
}

#fun:hover {
  transition:  0.4s ease;
  transform: scale(1.1);
}