body {
    background-image: url(images/mainbg1.png);
    background-size: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
      font-family: 'sansaesque-regular-webfont', 'curly_cuties-webfont';
}

.bottom{
  position: relative;
}

.floriography {
  z-index: 20;
  max-width: 100%;
  position: absolute;
  top: 700px;
  right: 550px;
  font-size: 35px;
  color: #4d3722;
  white-space: nowrap;
  letter-spacing: -1px;
  transition: .5s ease;
  text-align: center;
}

.floriography:hover {
  top: 695px; 
}

.sillythingy1 {
  z-index: 19;
  max-width: 100%;
  position: absolute;
  top: 600px;
  right: 500px;
  transform: rotate(1deg);
}

a:link {
  color: #4d3722;
  text-decoration: none;
}

a:visited {
  color: #4d3722;
  text-decoration: none;
}

a:hover {
  color: #4d3722;
  text-decoration: none;
}

a:active {
  color: #4d3722;
  text-decoration: none;
}

.main {
  position: relative;
}

.flowers1 {
  z-index: 18;
  max-width: 100%;
  position: absolute;
  top: 40px;
  right: 180px;
   transform: rotate(-85deg);
}

.mygraphics {
  z-index: 17;
  max-width: 100%;
  position: absolute;
  top: 260px;
  right: -70px;
  font-size: 35px;
  color: #4d3722;
  white-space: nowrap;
  letter-spacing: -1px;
     transform: rotate(2deg);
  transition: .5s ease;
}

.mygraphics:hover {
  top: 255px; 
}

.graphichoard {
  z-index: 17;
  max-width: 100%;
  position: absolute;
  top: 200px;
  right: -70px;
  font-size: 35px;
  color: #4d3722;
  white-space: nowrap;
  letter-spacing: -1px;
     transform: rotate(2deg);
  transition: .5s ease;
}

.graphichoard:hover {
  top: 195px; 
}

.webfinds {
  z-index: 16;
  max-width: 100%;
  position: absolute;
  top: 170px;
  right: -70px;
  font-size: 35px;
  color: #4d3722;
  white-space: nowrap;
  letter-spacing: -1px;
     transform: rotate(2deg);
  transition: .5s ease;
}

.webfinds:hover {
  top: 165px; 
}

.about {
  z-index: 15;
  max-width: 100%;
  position: absolute;
  top: 140px;
  right: -70px;
  font-size: 35px;
  color: #4d3722;
  white-space: nowrap;
  letter-spacing: -1px;
     transform: rotate(2deg);
  transition: .5s ease;
}

.about:hover {
  top: 135px; 
}


.paper1 {
  z-index: 14;
  max-width: 100%;
  position: absolute;
  top: 145px;
  right: -0px;
   transform: rotate(-1deg);
}

.counter {
  z-index: 13;
  max-width: 100%;
  position: absolute;
  top: 630px;
  right: -47px;
}

.flowerbutton1 {
  z-index: 12;
  max-width: 100%;
  position: absolute;
  top: 160px;
  right: 320px;
  transform: rotate(-20deg);
}

.orchid1 {
  z-index: 11;
  max-width: 100%;
  position: absolute;
  top: 550px;
  right: -120px;
}

.fabricplant {
  z-index: 10;
  max-width: 100%;
  position: absolute;
  top: 420px;
  right: -200px;
  transform: rotate(20deg);
}

.applegirl {
  z-index: 9;
  max-width: 100%;
  position: absolute;
  top: 600px;
  right: 300px;
}

.helloworld {
  z-index: 8;
  max-width: 100%;
  position: absolute;
  top: 170px;
  right: 270px;
  font-size: 50px;
  color: #4d3722;
  white-space: nowrap;
  letter-spacing: -1px;
}

.welcome {
  z-index: 7;
  max-width: 100%;
  position: absolute;
  top: 240px;
  right: 270px;
  font-size: 27px;
  color: #4d3722;
  white-space: nowrap;
   letter-spacing: -1px;
}

.scrollbox1{
  z-index: 6;
  max-width: 100%;
  position: absolute;
  top: 500px;
  right: 50px;
  font-size: 25px;
  color: #4d3722;
  white-space: nowrap;
  letter-spacing: -1px;
  overflow-y: scroll;
}

.cutecorner1 {
  z-index: 5;
  max-width: 100%;
  position: absolute;
  top: 165px;
  right: -110px;
  transform: rotate(-1deg);
}

.notebook {
  z-index: 4;
  max-width: 100%;
  position: absolute;
  top: 70px;
  right: 350px;
}



.pleaseview {
  z-index: 3;
  max-width: 100%;
  position: absolute;
  top: 210px;
  right: -310px;
  font-size: 33px;
  color: #3b2919;
  white-space: nowrap;
   letter-spacing: -1px;
    transform: rotate(5deg);
}

.apple1 {
  z-index: 2;
  max-width: 100%;
  position: absolute;
  top: 100px;
  right: -275px;
  transform: rotate(50deg);
 transition: transform 0.5s ease-in-out;
}

.flowerhand1 {
  z-index: 1;
  max-width: 100%;
  position: absolute;
  top: 400px;
  right: 400px;
}


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

::-webkit-scrollbar-track {
  background: #8c5115;
}

::-webkit-scrollbar-thumb {
  background: #92882c;
}

::-webkit-scrollbar-thumb:hover {
  background: #92882c;
}