body{
            text-align: center;
            
        }
        .ul{
            list-style-type: none;
            margin: 0%;
            padding:0%;
            overflow:hidden;
            background-color: lightgray;
            
        }
        li{
             float:left; 
        }
        li a{
            display: block;
            color:black;
            font-size:20px;
            text-align: center;
            padding:10px 20px;
            text-decoration: none;
            font-size:30px;

        }
        .a{
            background-color:white;
            color:purple;
            font-size:30px;
            font-weight: bolder;
            
            
        }
        li  a:hover 
       { background-color: blue;
        color:white;
        transition:0.5s ease;
        

        }
        b{
            margin:0%;
            padding: 0%;
        }
        h1{
            margin-top:30px;
            
        }
        h2{
            margin-top: 40px;
        }
        img{
            padding:30px;
        }
        .app{
            margin-left: 5cm;;
        }
        .grid-item1{
            margin-top: 40px;
            border: 2px solid BLACK;
            width: 40%;
            
            border-radius: 20px;
            margin-left:13cm;
            
        }
        .grid-item2{
            margin-top:40px;
            border: 2px solid BLACK;
            width:40%;
            
            border-radius: 20px;
            margin-left: 13cm;

        }
        .grid-item3{
            margin-top:40px;
            border: 2px solid black;
            width:40%;
            
            border-radius: 20px;
            margin-left: 13cm;


        }
        .grid-item4{
             margin-top:40px;
            border: 2px solid BLACK;
            width:40%;
            
            border-radius: 20px;
            margin-left: 13cm;

        }


         /* .rub{
          
          background-image: url(ME.png);
          background-repeat: no-repeat;
          background-repeat: repeat-y;
           
          
          
         */
        
        .e{
            font-weight: bold;
            margin-top:8%;
        }
        marquee{
            word-spacing:8px;
            font-weight: bold;
            font-size: larger;
        }
        .p{margin:50px;
        }
        #para{
            background-color:darkblue;
            font-size:60px;
            color:white;
            height:180px;
            margin-top:8;
            text-shadow: 20x 2px 0 ;
            padding-top:10px;
        }
        ul{
            margin-left: 5cm;
            font-size:larger;
        }
        h3{
            margin-right: 9cm;
            font-weight: bolder;
            font-size: xx-large;
            color:black;}

        .customize{
                  margin-top:3%;
                  padding-top:15px;
                  background-color: gainsboro;
                  border:2px solid hiden;
                  width:80%;
                  margin-left: 4cm;
                  border-radius: 14px;
                  height:700px;
                  font-size:medium;
                  
        }
        h3{
            border-radius: 0 6px 6px 0;
            padding:9px;
            text-align: left;
            margin-left: 4cm;
            color:white;
            font-weight: bold;
            text-shadow: 0px 0px grey;
            
        }
        .label{
            text-align: left;
            margin-left:4cm;
            
        }
   
.parent{
    display:grid;
    grid-template-columns: auto auto auto ;
    margin-top:10%;
    gap:100px;
}
 
   .child img{
    padding:0px;
    margin:0px;
   }     

   .margin{
    margin-top: 5%;
    margin-bottom: 5%;
    font-size:50px;
    
    
   

   }

   #font{
    font-size:xx-large;
   }

   .cointainer{
    display:flex;
    grid-template-columns: auto auto;
   }
   .template1{
    display:grid;
    grid-template-columns: auto auto ;
    font-size:medium;
   }

   
   .template1font{
    margin-right:10%;
    margin-top: 3%;
   }

   .template2{
    display: grid;
    grid-template-columns: auto auto ;
    gap:10%;  
    margin-top:2%;
    font-size: medium;
   }

   .template2font{
     margin-left:8cm;
     margin-top:4%;
   }

 .template3{
    display: grid;
    grid-template-columns: auto auto ;
    margin-top:2%;
    font-size: medium;
 }

 .template3font{
    margin-right:5cm;
 }

 .lastpage{
    display: grid;
    grid-template-columns: auto auto auto auto ;
    grid-template-rows: auto auto auto auto ;
    gap:30px;
    margin-top: 10%;
    background-color:cornflowerblue ;
    color:white;
 }