.cornergreen{
    position:absolute;
    left:0px;
    bottom:0px;
    margin:-10px;
    border-radius:20px;
    z-index: 1;
    max-width: 200px;


} 

.monkey{

    margin: 10px 0px;
    height:350px;  
    width:auto;
    filter:drop-shadow(10px 10px 10px rgba(85, 37, 73, 0.767));
    transition:0.3s;
    max-width: 100%;

   
   
 
}

.monkey:hover{
    transition:0.3s;
    filter:drop-shadow(-10px -10px -10px rgba(85, 37, 73, 0.767));

    transform:rotate3d(0,1,0,180deg)
}

.dog{
    position:absolute;
    transition:0.3s;
    height:200px;
    bottom:0px;
    right:0px;
    margin:-20px;
    z-index: 0;
    filter:drop-shadow(10px 10px 10px rgba(85, 37, 73, 0.767))
    
}

.dog:hover {

  transform:rotate(360deg);
  transition:0.3s;

}

.blinkie{
    height:20px;
}

.pencil{
    position:absolute;
    transition:0.3s;
    height:200px; 
    bottom:-20px; 
    left:-50px;  
    margin:-20px;  

    z-index: 6; 

    filter:drop-shadow(10px 10px 10px rgba(85, 37, 73, 0.767))
    
}

.sticky{
    position:absolute;
    filter:drop-shadow(0px 10px 15px rgba(85, 37, 73, 0.767));
 
    max-width:100%;
    height:auto;
    
 
}

.logo{
    filter:drop-shadow(0px 10px 15px rgba(85, 37, 73, 0.767));
    transition:0.3s;
}

.logo:hover{

     filter:drop-shadow(10px 10px 100px rgb(255, 255, 255)) invert(100%);     
     transition:0.5s;  
      



}