body{
 background-color:gray; 
 image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated;                 /* Universal support since 2021   */
  image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
   background-image:url('./peepy/tree.png'); 
 background-repeat: no-repeat;
  background-position: top left;
  background-size: 1920px 1080px;
}

.peep{
  transform-origin: center;
  position:relative;
z-index:2;
left:60px;
top:-20px;
transition-property: position;
  transition-duration: 2s;
}
.peepy:hover .peep{
  animation: bounce 1s ease infinite;

}

.peepy:hover .nest{
 filter: drop-shadow(0 0 0.75rem white); 
}

.peepy:hover .bubble{
  display:block; 
}

.nest{
 filter: drop-shadow(0 10px 0.75rem black);  
}
.peepy{
  position:absolute;
  width:240px;
  transform:scale(1.0);
}


.nest-front {
 position:absolute; 
 left: 0px;
 z-index: 5;
}

.nest {
 position:absolute;
 left: 0px;
 z-index: 1;
}

@keyframes bounce {
	0%, 50%, 100% {transform: translateY(0);}
	
	25% {transform: translateY(-40px) rotate(10deg);}
	
	75% {transform: translateY(-40px) rotate(-10deg);}
	
	
	
}


.bubble {
  font-family:'ms Ui gothic';
  font-size:18px;
  position:absolute;
  bottom:100px;
  left:200px;
  display: none;
  border-left: 36px solid transparent;
  border-right: 24px solid transparent;
  border-top:23px solid transparent;
  border-bottom: 36px solid transparent;
  border-image: url(../graphics/bubble.png) 23 24 30 36 fill / 23px 24px 30px 36px;
  min-width:200px;
  z-index:10;
}


.bbutton{
 position:fixed;
 transform-origin: top left;
 transform:scale(2.0);
 left:0px;
 z-index:5;
}

.text{
  width:25%;
  position:absolute;
  top:100px;
  padding:30px;
}