body{
  background-image: url("https://bog-body.neocities.org/leaves/background.png");
  background-size: cover;
  background-attachment: fixed; 
  background-size: 100% 100%;
  image-rendering: pixelated;
}

/*home button*/
.home{
  display: block;
  position: absolute;
  top: 4.5vw;
  left: 4%;
  transform: translate(-50%, -40%);
  width: 3vw;
}
.home span {
			opacity: 0;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: calc(1.5rem);
			color: #D46A6A;
			line-height: 1;
			filter: drop-shadow(1px 1px 0 white)
				drop-shadow(-1px 1px 0 white) 
				drop-shadow(1px -1px 0 white) 
				drop-shadow(-1px -1px 0 white);
			text-transform: uppercase;
			z-index: 99;
			width: fit-content;
			height: fit-content;
			display: inline-block;
			position: absolute;
		}
.home:hover img {
			 transform: rotate(20deg);
		}
.home:hover span {
			opacity: 1;
    }

/*content*/
.sign{
  position: absolute;
  height: 10vw;
  left: 40vw;
  top: 6vh;
}
  
.one{
  position: absolute;
  height: 18vw;
  left: 34vw;
  top: 33vh;
}
.one:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.two{
  position: absolute;
  height: 16vw;
  left: 18vw;
  top: 18vh;
}
.two:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.three{
  position: absolute;
  height: 8vw;
  left: 10vw;
  top: 72vh;
}
.three:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.four{
  position: absolute;
  height: 15vw;
  left: 57vw;
  top: 27vh;
}
.four:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.five{
  position: absolute;
  height: 13vw;
  left: 42vw;
  top: 66vh;
}
.five:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.six{
  position: absolute;
  height: 9vw;
  left: 80vw;
  top: 31vh;
}
.six:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.seven{
  position: absolute;
  height: 8vw;
  left: 60vw;
  top: 77vh;
}
.seven:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.eight{
  position: absolute;
  height: 13vw;
  left: 10vw;
  top: 28vh;
}
.eight:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.nine{
  position: absolute;
  height: 11vw;
  left: 22vw;
  top: 45vh;
}
.nine:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.ten{
  position: absolute;
  height: 14vw;
  left: 62vw;
  top: 55vh;
}
.ten:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.eleven{
  position: absolute;
  height: 15vw;
  left: 29vw;
  top: 66vh;
}
.eleven:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}

.twelve{
  position: absolute;
  height: 23vw;
  left: 68vw;
  top: 30vh;
}
.twelve:hover{
  transform: scale(1.5);
transition: transform .5s ease;
}