body{
  font-family:fantasy;
background-image: url("sky.png");
  background-repeat: repeat;
  }

#shadow{
  margin-top:15px;
  border:inset 2px white;
  height:50px;
  background: linear-gradient(gray, white);
  position:fixed;
  font-family: fantasy;
  text-shadow: 3px 3px 8px blue , -3px -3px 8px red;
  }
  
  #shadow{
  font-family: fantasy;
  }
 

#down{
  color:black;
  font-family:fantasy;
  text-decoration:none;
  border:4px inset darkgreen;
  border-radius:4px;
  overflow:hidden;
  background-color:green;
  
  position:absolute;
  top:100px;
animation-name:left;
animation-duration:2s;
  }

#down:hover{
  color:maroon;
  }
  
  #goodgrief{
    color:white;
    }
  
  
#main{
position:absolute;
top:60px;
left:560px;
font-family:fantasy;
border: 10px solid gray; 
width:250px;
background-image: url("clouds.png");
  }
  
  #head{
    filter: brightness(75%);
    color:white;
    text-shadow: 3px 6px 4px red , 3px 7px 4px;
    }
    
    #repo{
      position:absolute;
      top:230px;
      left:15px;
      color:red;
      }
  
  #copyright{
    color:white;
    position:absolute;
    left:630px;
    top:360px;
    font-family:fantasy;
    }
    
    #logo{
    position:fixed;
    left:180px;
    top:20px;
    height:60px;
    width:60px;
    border-radius:50%;
    overflow:hidden;
      }
      
      #logo:hover{
        filter: brightness(90%);
        }
        
      #links{
        position:absolute;
        left:850px;
        top:150px;
        font-family:fantasy;
        }
        
        #link1{
          text-decoration:none;
          color:black;
          border: 3px inset darkgreen;
          border-radius:4px;
          background-color:green;
        }
        
        #link1:hover{
          color:maroon;
          }
         
          #saturn{
            position:absolute;
            left:550px;
            top:64px;
            }
            
            
 #toopy{
   z-index:2;
 position:absolute;
 left:100px;
 animation-name:fly;
 animation-duration:6.5s;
 animation-iteration-count:infinite;
 animation-timing-function: linear;
}

#playd{
  position:absolute;
  left:585px;
  top:375px;
  }
  
#playd:hover{
  height:37px;
  width:37px;
  }
  
  #grass{
    position:fixed;
   z-index:-51;
   top:-153px;
   width:2050px;
   height:888px;
    }
      
     #tab{
       top:40px;
       left:560px;
       height:325px;
       width:275px;
       position:fixed;
       z-index:1;
       } 
       
#baby{
  position: fixed;
  left: 0;
  top:400px;
  }
  

#mrp{
  position:fixed;
  top:450px;
  }
      
      @keyframes fly{
        from{ transform:translateX(-200px);}
        to{ transform:translateX(1230px);}
        50%{ transform:rotateZ(90deg);}
        }
    
    @keyframes left{
    from{transform:translatex(110%)}
    }