html, body, span, p, form,footer, img, a, ul, ol, li, table, tr, td, div{
margin: 0;
padding: 0; 
border:none; 
outline:none;
list-style-type:none;
}


.imagi{
    
width:80%;

height:300px;   

margin-bottom:4%;
margin-top:4%;
}

.imagi1{
    
    margin-bottom:4%;
    margin-top:4%;
    margin-right:10%;
    margin-left:10%;
  width:80%;
  height:400px;
    
}


.imagi2{
    
    margin-bottom:4%;
    margin-top:1%;
    margin-right:5%;
    margin-left:5%;
  width:90%;
  height:400px;
    
}


.para{
  margin-left:12%;
    }

.para2{
 
 margin-left:35%;
    
    
}


p{
    
margin-top:5%;
    
}


body {

background-color:#00FA9A;
background: green;
margin:0;










}

H1{
background-color:#9932CD;
color: gray;
font-size:250%;
font-weight:bold;
font-family: brush script MT ,cursive;
margin-top:0px;
margin-left:00%;
padding-top:2%;
padding-bottom:2%;
margin-bottom:0px;

border-color:orange;


}


#TE{
    
     margin-top:4%;
    margin-bottom:4%;
    margin-left:10%;
    margin-right:10%;
    color:#FF4500;
    background-color:#FFFACD;
    font-size:2em;
    width:80%;
    border:0px solid red;
    
}

pre{
 
    color:#FF4500;
}







#qi2{
    

 background-color:#CCFEDD;   
 color:orange;
 position:absolute;
 top:15%;
 left:70%;
display: block;
font-size: 2em;
visibility: hidden;
border: 2px  solid #808000;

}
.hamb{
    

 background-color:black;   
 height:2%;
 width:6%;    
 position:absolute;
 top:3%;
 left:92%;

}
.hamb1{
    
 background-color:black;   
 height:2%;
 width:6%;    
 position:absolute;
 top:6%;
 left:92%;

}

.hamb2{
    
 background-color:black;   
 height:2%;
 width:6%;    
 position:absolute;
 top:9%;
 left:92%;

}



@media screen and (max-width: 480px ) {
    
    
    
  .imagi{
      
 width:60%;     
  height:200px;    
  
  border:0px solid red;
  margin-bottom:3%;
  display:block;
  
  
  }
    
    
    
    .imagi1{
        
  width:95%;      
  height:350px;
  margin-bottom:3%;
  border: 0px solid yellow;
  display:block;
  margin-left:3%;
        
    }
    
    
    
   .para{
       
 margin-left:1%;  
 width:90%;
       
   } 
    
    .para2{
 
 margin-left:25%;
    
    
}

    
    #TE{
    
     margin-top:4%;
    margin-bottom:4%;
    margin-left:1%;
    margin-right:1%;
    color:#FF4500;
    background-color:#FFFACD;
    font-size:2em;
    width:95%;
    display:block;
    
}








#qi2{
  
 background-color:#BAFFCC; 
position:absolute;  
top:15%;
left:27%;
border:4px #32CD32 solid;
    
}


.hamb{
    

 background-color:black;   
 height:1.5%;
 width:7.8%;    
 position:absolute;
 top:5%;
 right:12%;

}
.hamb1{
    
 background-color:black;   
  height:1.5%;
 width:7.8%;   
 position:absolute;
 top:7.3%;
 right:12%;

}

.hamb2{
    
 background-color:black;   
 height:1.5%;
 width:7.8%; 
 position:absolute;
 top:9.3%;
 right:12;

}




H1{
    
    width:100%;
    
}




    
    
}