*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

.midd{
   width: 100%;
   height: 10vh;
   background-color: aqua;
}
.midd h1{
   text-align: center;
   font-family: 'Skranji', 'cursive';
   text-shadow: 1px 1px 2px gold,0 0 25px white, 0 0 5px rgb(2, 2, 78);
}
 .middle{
   width: 100%;
   height: 50vh;
   background-color: aqua;
 }  
    
   

.middlerap{
   width: 80%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto;
   grid-row-gap: 20px;
   
}
.box img{
   width: 90%;
   height: 35vh;
   margin: auto
}
.box1 h1{
   font-size:20px ;
   font-family: 'Skranji', 'cursive';
   padding-left: 50px;

}
.box1 p{
   font-size: 20px;
   padding-left: 60px;
   padding-top: 20px;
   font-weight: bolder;
}
.box1 p1{
   font-size: 20px;
   padding-left: 60px;
   padding-top: 60px;
   font-weight: bolder;
}
.midd1{
   width: 100%;
   height: 10vh;
   
}
.midd1 h1{
   text-align: center;
   font-size: 30px;
   font-family: 'Skranji', 'cursive';
}
.middle1{
   width: 100%;
   height: 50vh;
 }  
 .middlerap1{
   width: 80%;
   margin: auto;
   display: grid;
   grid-template-columns: auto auto auto;
   grid-column-gap: 20px;
   
}
.box2 img{
   width: 90%;
   height: 35vh;
   margin: auto;
}
.box3 h1{
   font-size: 30px;
   font-family:'Skranji', 'cursive';
   text-align:center;
   background-color: brown;
}
.box3 p{
   font-size: 20px;
   padding-left: 4%;
}
.box3{
   padding: 10px;
   border: 4px solid black;
}
.box4 h1{
   font-size: 20px;
   padding-left: 4%;
   background-color: brown;
}
.box4 p{
   font-size: 20px;
   padding-left: 4%;
   padding-top: 10%;
}
.box4{
   padding: 10px;
   border: 4px solid black;
}


.box4 h1{
   font-size: 28px;
   font-family:'Skranji', 'cursive';
   font-weight: bolder;
   text-align: center;
   
}
.box5 img{
   width: 15%;
   height: 10vh;
}
.box4 h1{
   padding: 10px;
   border: 4px solid black;
}
.box5 h1{
   text-align: center;
   background-color: brown;
}
.box5 p{
   text-align: center;
   color:black;
}

.box4 h1{
   font-size: 28px;
   font-family:'Skranji', 'cursive';
   font-weight: bolder;
   text-align: center;
   
}

}