.text1 {
  z-index: 7;
  max-width: 100%;
  position: absolute;
  right: 270px;
  top: 115px;
  font-size: 23px;
  width: 400px;
  height: 300px;
  color: #000000;
    overflow-y: scroll;
}
  
.text1::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

.text1::-webkit-scrollbar-thumb {
  background: transparent;
}

.mynameis {
  z-index: 6;
  max-width: 100%;
  position: absolute;
  right: 375px;
  white-space: nowrap;
  font-size: 90px;
  line-height: 1px;
}

.artofmeoct25 {
  z-index: 5;
  max-width: 100%;
  position: absolute;
  top: 100px;
  right: 500px;
  transform: rotate(2deg);
}

.paper6{
  z-index: 4;
  max-width: 100%;
  position: absolute;
  top: 100px;
  right: 400px;
}

.coolpeople {
  width: 182px;
  height: 115px;
  overflow-y: scroll;
  font-size: 23px;
  color: #000000;
  transform: rotate(-3deg);
  z-index: 3;
  position: absolute;
  top: 155px;
  right:-225px;
  white-space: nowrap;
}

.coolpeople::-webkit-scrollbar {
      width: 0;
      background: transparent;
    }

.coolpeople::-webkit-scrollbar-thumb {
      background: transparent;
    }

.coolheader {
  font-size: 30px;
  color: #000000;
  transform: rotate(-3deg);
  z-index: 2;
  position: absolute;
  top: 100px;
  right: -185px;
  white-space: nowrap;
}

.paper7{
  z-index: 1;
  max-width: 100%;
  position: absolute;
  top: 120px;
  right: -20px;
  transform: rotate(-3deg);
}

.main {
  position: relative;
}

body {
    background-color: #FFFFFF;
    background-size: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
    font-family: 'sansaesque-regular-webfont', 'curly_cuties-webfont';
}

.coolpeople img {
   filter: grayscale(100%) brightness(120%) contrast(120%);
   transition: .5s ease;
}

.coolpeople img:hover {
  filter: grayscale(0%) brightness(100%) contrast(100%);
}

a:link {
  color: #000000;
  text-decoration: none;
}

a:visited {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

a:active {
  color: #000000;
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-track {
  background: #ffffff;
}

::-webkit-scrollbar-thumb {
  background: #ffffff;
}

::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}