*{
    padding: 0%;
    margin: 0%;
}


/* index page */

.s1 .a1{
    background-color: orange;
    text-align: right;
    padding: 10px;

   
}
.s2 .a2 h1{
    color: red;
    display: inline-block;
    font-size: 30px;
    
   
   
   
}
.s2 .a2 button{
   background-color: white;
   margin-left: 2rem;
   width: 150px;
   height: 50px;
   font-size: 12px;
   border-radius: 20%;
   border: 2px solid black;

}
.s3 nav .m1 h3 {
    background-color:darkorange;
    color: aliceblue;
    display: flex;
    justify-content: space-evenly;
    padding: 15px;
   
    
   
}
.s3 .m1 h3 a{
    text-decoration: none;
}
.s3 .m1 button{
    font-size: 12px;
    border-radius: 20%;
   border: 2px solid black;
   width: 100px;
   height: 30px;
 


}
.c1 .c2 h1{
    color: black;
    font-family: cursive;
    margin: 3rem;
    padding: 2px;
}

.c1 .c2 p{
    color: black;
    font-family: cursive;
    text-align: justify;
    
}


.c1 {
    display: flex;
    justify-content: space-evenly;

}
.c1 .img img{
   padding: 80px;
   width: 320px;
   height: 160px;
}
.b1 .d1 button{
    font-size: 12px;
    border-radius: 20%;
    border: 2px solid black;
     width: 200px;
     height: 45px;
    background-color: antiquewhite;
    margin-left: 160px;
     
}

.f1 .f2 footer{
    background-color: red;
    padding: 20px;
    padding-left: 650px;
    margin-top: 120px;
   
}




/* about page */


.head h1{
    text-align: center;
    font-family: cursive;
    margin-top: 20px;
}

.head .p1{
    text-align: center;
    font-family: cursive;
    margin-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 20px;
    text-align: justify;
}

.head .t1{
    justify-content: space-evenly;
    display: flex;
    padding-top: 100px;
}
.n1 .n2{
    
    text-align: center;
    background-color: orange;
    margin-top: 60px;
    padding: 20px;
}
.n1 .n3{
 text-align: center;
 background-color: red;
 padding: 20px;
}



/* learning page */
.put .p1{
    text-align: center;
    font-family: cursive;
    padding-top: 30px;
}


.put .p2{
    font-family: cursive;
    text-align: justify;
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 30px;
    font-size: 20px;

}

.form .f1{
    padding-left: 250px;
    margin-top: 100px;
    font-size: 19px;
}


.form .f2{
    padding-left: 290px;
    margin-top: 30px;
    text-align: justify;
    font-size: 20px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.form .f2 input{
    width: 700px;
    height: 40px;
    margin-top: 20px;
    background-color:antiquewhite;
}
.form .f3{
    padding-left: 290px;
  
    text-align: justify;
    font-size: 20px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.form .f3 input{
    width: 700px;
    height: 40px;
    margin-top: 20px;
    padding-top: 200px;
    background-color:antiquewhite;
}

.form .f4 button{
    margin-left: 290px;
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
    font-size: 15px;
    background-color: black;
    color: white;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.form .name{
    margin-left: 220px;
    padding-top: 20px;
    font-size: 20px;
    color: red;
}
.foot .f1{
    text-align: center;
    background-color:red;
    padding:25px;
    margin-top: 30px;
    font-size: 20px;
    
}

/* project page */

.new .n1 h1{

    text-align: center;
    font-family: cursive;
    padding-top: 30px;
}

.new .n2 p{
    text-align: center;
    font-family: cursive;
    margin-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 20px;
    text-align: justify;


}

.button .t1 button{
    margin-top: 60px;
    margin-left: 200px;
    padding: 10px;
    border-radius: 80px;
    justify-content:space-between;

   
} 

.button .t2{
    text-align: center;
    font-family: cursive;
    margin-top: 50px;
    
}


/* service page */

.service .s1 h1{
    text-align: center;
    font-family: cursive;
    padding-top: 30px;
}

.neha{
    text-align: center;
    display: flex;
    margin-top: 40px;
}
.neha p{
    text-align: justify;
}
.neha .img{
    padding: 15px;
    margin: 10px;
}
.neha .img1{
    padding: 15px;
    margin: 10px;
}
.neha .img2{
    padding: 15px;
    margin: 10px;
}

.neha img{
    width: 75%;
}



/* contact page */

.c1 .c2{
    text-align: center;
    font-family: cursive;
    margin-top: 40px;
}

.c3 .c4{
    text-align: center;
    font-family: cursive;
    margin-top: 30px;
}

.contact{
    display: flex;
    justify-content:space-evenly;
    padding-top: 100px;
   
}
.contact .c img{
    width: 80px;
    text-align: center;

}
.contact .c{
    text-align: center;
}