*{
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
box-sizing: border-box;
}
html{
  height: 100%;
}
@media (max-width : 320px) {
  div.amaxin{
    width: 3in;
  
  }
  div.allthing{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
   } 
   div.gh{
    /* margin-left: 39px; */
    /* width: 2.5in; */
    flex-shrink: inherit;
    font-size: 37px;
    display: flex;
    /* margin-top: -362px; */
    justify-content: center;
    }
   p.jada{font-family:cursive;width: 94vw;/* margin-left: 77px; */font-size: 24px;/* margin-right: 74px; */}
   div.gah{
     display:flex;
     width: 1.9in;
     justify-content:center;
   }
  div.gw{
    margin:0px;
    
  }
   div.bna{flex-direction:column;/* justify-content: center; */}
   img.sam{
   /* margin-left: -296px; */
   /* margin-top: 36px; */
   border-radius: 12px;
   width: 50px;
   height: 50px;
}
   img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
   img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
                                   
  div.to{
      width: 3in;
      font-size: 42px;
      margin-top: 36px;
      margin-left: 0;
  }
  ul.qaz{
    display: none;
  }


 nav.hi{
  height: 83px;

 }

label.menu-btn{
  top: 6in;
}

 li.amir{
  font-size: 50px;
  display: none;
  margin-top: 0.11in;
  margin-left: 3.1in;
  position:relative;
}
 li.gb{
    font-size: 27px;
    display: flex;
    /* margin-top: -0.5in; */
    margin-left: 6px;
    width: 100%;
    /* display: flex; */
    /* margin-left: 3in; */
    /* margin-left: 259px; */
    justify-content: flex-start;
  }
  li.car{
   display: flex;
   margin-left: -99px;
   width: 100%;
   margin-top: 4px;
   /* margin-left: 1in; */
   justify-content: flex-end;
  }
li.car{
 /* margin-left: 0.3in; */
 /* width: 2in; */
}
   a.hayi{
    font-size: 30px;
  }
  a.a:hover{
    display: none;
  }
  a.h:hover{
    display: none;
  }
  
  a.c:hover{
    display: none;
  }
  a.p:hover{
    display: none;
  }
  a.h
    {
    font-size: 30px;
  }
  a.a
    {
    font-size: 30px;
  }
  a.c
    {
    font-size: 30px;
  }
  a.p
    {
    font-size: 30px;
  }


  div.gnhj{
    width: 2in;
  }
 
  html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  div.qaz{
    display: none;
  }
 div.to{
  
 }
    h1{
      margin-left: 0.8in;
      margin-top: 1in;
      /* font-size: 20px; */
    }
    ul.hif{
      width: 100%;
      /* height: 0px; */
      display: flex;
      flex-direction: row-reverse;
    }
    div.semi{
      margin-top: -2in;
      font-size: 89px;
    }

    div.waviy{
      margin-left:50px;
      width: 3.0in;
      font-size: 35px;
    }
    div.container input{
      margin-left:50px;
    }
    button.btn{
      margin-left:40px;    
      }
span.ohg{
  color: rgb(160, 68, 185);
  font-size: 30px;
}
    
     span.ohg::before{
        content: "";
        height: 40px;
        width: 2px;
       position: absolute ;
        top: 50%;
        right: -8px;
       background-color: #000000;
        transform: translateY(-45%);
        animation: blink 0.7s infinite;
    }
  
    
    img.b{
      margin-top: 1.6in;
      margin-left: 5px;
      width: 338px;
    }
    .bun a{
      display: none;
    }
    div.onlyb{
  
      margin-left:0.7in;
      margin-top:8in;
    }
    div.onlyu{
     
      margin-left:0.7in;
      margin-top:12in;
    }
    div.dof{
      animation-play-state: paused;
      margin-left: -3.3in;
    }
    div.onlyp{
  
      margin-left:0.7in;
      margin-top:4in;
    }
    canvas{
      display: none;
    }
    div.container{
      margin-left: -24px;
    }
    div.cntent{
      display: none;
    }
    div.content {
    display: none;

    }
  
    button.kab{
    
/* animation-name: omy; */
    
/* animation-duration: 21s; */
    
/* animation-name: omy; */
    
/* animation-delay: 6s; */
    
/* animation-play-state: paused; */
    
animation: none;
    
}
      @keyframes omy{
          0%{
          margin-left: 0px;
          }
          10%{
          margin-left: 0.1in;
          }
          20%{
          margin-left: 0in;
          }
          30%{
          margin-left: 0in;
          }
    }
    div.di{
      margin-top: 17in;
     
  }

div.box{
  width: 3.3in;
  margin-left:0.4in;
  height: 5.3in;
  width: 287px;
  margin-top:0.8in;
}
  button.start{
    margin-left:0.6in;
  }

  div.gna{
    font-size:30px;
    margin-left:-0.4in;
    
  }
  div.pa{
    font-size: 22px;
    width: 2.7in;
    font-family:cursive;
  }
div.raaj{
background: lightcoral;
margin-left:0.5in;
margin-top:-5.2in;
width: 265px;
}
img.scrol{
  width: 271px;
  height: 161px;
}
div.gsar{
  width: 3in;
  margin-left:0.4in;
  height: 5.3in;
  background-color:trasparent;
  margin-top:0.8in;
}
  button.face{
    margin-left:0.6in;
  }




div.raj{
  background: chartreuse;
  margin-left:0.5in;
  margin-top:-5.2in;
  width: 271px;
}
  div.jo{
    width: 3in;
    margin-left:0.4in;
    height: 5.3in;
    background-color:trasparent;
    margin-top:0.8in;
}
 

  
div.rj{
  background: beige;
  margin-left:0.5in;
  margin-top:-5.2in;
  width: 270px;
}
div.mu{
  margin-left:20px;
  border-radius:80px;
  width: 3in;
  height:4.6in;
  box-shadow:2px 2px 10px gray;
}
div.di{
  margin-top: 20in;
  margin-left: -32px;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}
    img.code{
      width: 234px;
      margin-left: 27px;
      height: 156px;
      margin-top:40px;
    }
 div.lo{
   margin-left:80px;
   font-size:40px;
 }
 div.soy{
  display: block;
 }
    button.read{
      margin-left:80px;
      margin-top:40px;
      
    }
    /*hghjgh*/
    div.moan{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }
  div.moa{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }
  div.mnan{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }   
  div.loh{
      font-size: 40px;
      width: 5in;
    margin-left:30px;
  }

 
div.mu:hover{
  display:none;
}
div.moan:hover{
  display:none;
}
div.moa:hover{
  display:none;
}
div.mnan:hover{
  display:none;
}
div.f{
  background-color:#07133b;
  height: 7in;
  margin-top: 7in;
 }
 div.g{
  /* margin-left: 100px; */
  /* margin-top: 0.8in; */
  font-size: 30px;
 }
 div.o,div.project,div.blogs,div.aboutu{
   /* margin-left: 170px; */
  }
  img.home,img.proj,img.blog,img.about{
   /* margin-left: 120px; */
  }
button.lok{
margin-left: 53px;
}
  div.gh{
    /* margin-left: -307px; */
    display: flex;
    font-size: 31px;
    /* margin-top: -362px; */
    justify-content: center;
    }
  div.omh{
margin-top:50px;
  }
  
  div.rapper{
    margin-top: 62px;
}
  img.omh{}
  div.footr{
flex-direction:column
  }
   img.sam{
   /* margin-left: -296px; */
   /* margin-top: 36px; */
   width: 47px;
   height: 47px;
}
   img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 47px;height: 47px;}
   img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 47px;height: 47px;}
}


.amaxin,.df{
  animation:df  1s   ease;

}
.likn{/* margin-left: 0in; */margin-top: 36px;display: flex;justify-content: center;}
.xc{
  color: #00aeff;
}
.xx{color:aqua;margin-left: -3in;margin-top: 1.9in;}
.xxx{color:moccasin;/* margin-left: 9in; *//* width: 9in; */}
.gw{margin: 15px;display: flex;justify-content: center;}

.vby{
  /* color: navajowhite; */
  width: 100%;
  justify-content: center;
  display: flex;
}
.vbb{
  color: #000000;
}
.bna{
  color: #ff0000;
  display: flex;
  justify-content: center;
  /* flex-direction: column; */
}
.cvb{
  color: #0080ff;
  display: flex;
  /* margin: -29px; */
  margin-top: -19px;
  /* width: 406px; */
  width: 100%;
  justify-content: space-around;
}
.movn{
  color: #07133b;
}
.footr{
  color:white;
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  align-items: center;
}
@keyframes   df{
  0%{transform:translate(0px, 100px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}
.amaxin{
  font-size: 73px;
  display: flex;
  height: 5in;
  width: 100%;
  font-family: cursive;
  justify-content: center;
  align-items: center;
}
.df{
  width: 3in;
  filter: drop-shadow(2px 2px 6px blueviolet);
margin-left: -17px;
 
}
.fvb{
  display: flex;
  justify-content: center;
  margin-top: -137px;
  width: 100%;
}

.ainer{
  /* margin-left: 8in; */
  width: 3in;
}

.rapper{
  /* width: 1in; */
  display: flex;
  justify-content: center;
}

.ainer {
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
          -webkit-perspective: 1000px;
          perspective: 1000px;
       

      }

      .front,
      .back {
        
          -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
          transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
          -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
          transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
          transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
          min-height: 280px;
        
          box-shadow: 0 0 10px solid blue;

        
          border-radius: 4in;
          color: #fff;
          font-size: 1.5rem;
      }

      .back {
          background: #cedce7;
          background: -webkit-linear-gradient(45deg, #cedce7 0%, #ffffff 100%);
          background: -o-linear-gradient(45deg, #0091ff 0%, #ffffff 100%);
          background: linear-gradient(45deg, #cedce7 0%, #00aeff 100%);
      }

      .front:after {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
        
          content: '';
          display: block;
          opacity: .6;
          background-color: #000;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          border-radius: 10px;
      }

    

      .back {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
      }

      .inner {
          -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
          transform: translateY(-50%) translateZ(60px) scale(0.94);
          top: 50%;
          position: absolute;
          left: 0;
          width: 100%;
          padding: 2rem;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
      
          -webkit-perspective: inherit;
          perspective: inherit;
          z-index: 2;
      }

      .ainer .back {
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
      }

      .ainer .front {
          -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
      }

 .ainer{
  animation: sss 10s infinite;
 }
 @keyframes sss {
  0%{
      transform: rotateY(0deg);
  }
  100%{
      transform: rotateY(360deg);
  }
 }
      .gbn,.nhn{
width: 2.4in;
height: 2.3in;
border-radius: 4in;
      }
     
     
div.v{
  margin: 1in;
}
.bottomMenu {
  position: fixed;
 
 
   


 

  z-index: 1;
  transition: all .5s;
}
.oo{
  display:flex;
  justify-content:center;
  margin-top: -10in;
  margin-left: 10in;
}
.hide {
  opacity:0;
 
}
.show {
  opacity:1;

}

.allthing{
cursor:url(OIP-PhotoRoom.png-PhotoRoom-removebg-preview.png) auto;
display: flexbox;
}
.scroll-up-btn{
  position: fixed;
  height: 45px;
  width: 42px;
  background: crimson;
  right: 30px;
  bottom: 10px;
  text-align: center;
  line-height: 45px;
  color: #fff;
  z-index: 9999;
  font-size: 30px;
  border-radius: 6px;
  border-bottom-width: 2px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.scroll-up-btn.show{
  bottom: 30px;
  opacity: 1;
  pointer-events: auto;
}
.scroll-up-btn:hover{
  filter: brightness(90%);
}

.aboutu{
  margin-top: -35px;
     color: rgb(255 0 0);
     font-size: 25px;
     margin-left: 450px;
     width: 2in;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }
 
 .qad {
  font-weight: 600;
  font-family: cursive;
  margin-left: 1in;
  margin-top: 0.5in;
  animation: df 1s;
}


/* Scroller styling */
.scroller {
  height: 1.2em;
  line-height: 1.2em;
  position: relative;
  overflow: hidden;
  width: 10em;
  font-size: 47px;
  margin-top: -50px;
  font-family: monospace;
  margin-left: 1in;
}
.cd{
color: #0080ff;
}
.scroller > .hbg {
  position: absolute;
  top: 0;
  animation: df 1s, slide 5s 2s  infinite;
  font-weight: bold;
  
  
}
.cd.fgf{
bottom: 30px;
  opacity: 1;
  
}
@keyframes slide {
  0% {
    top: 0;
  }
  25% {
    top: -1.2em;
  }
  50% {
    top: -2.4em;
  }
  75% {
    top: -3.6em;
  }
}

 @media (max-width: 920px) and (min-width: 430px){
  div.allthing{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
   }                                        
  div.to{
      width: 3in;
      margin-top: 0;
      margin-left: 0;
   
      
       
  }
   div.footr{
flex-direction:column;
   }
   img.omh{margin-top: 49px;}
  ul.qaz{
    display: none;
  }


 nav.hi{
  height: 83px;

 }

label.menu-btn{
  top: 6in;
}

 li.amir{
  font-size: 50px;
  margin-top: 0.11in;
  margin-left: 3.1in;
  display: none;
  position:relative;
}
li.gb{
  /* font-size: 30px; */
  /* margin-top: -0.5in; */
  /* margin-left: 1.2in; */
  /* width: 2in; */
}
 li.gb{
    font-size: 30px;
    display: flex;
    /* margin-top: -0.5in; */
    margin-left: 20px;
    width: 100%;
    /* display: flex; */
    /* margin-left: 3in; */
    /* margin-left: 259px; */
    justify-content: flex-start;
  }
  li.car{
   display: flex;
   margin-left: -99px;
   width: 100%;
   margin-top: 4px;
   /* margin-left: 1in; */
   justify-content: flex-end;
  }
   a.hayi{
    font-size: 30px;
  }
  a.a:hover{
    display: none;
  }
  a.h:hover{
    display: none;
  }
  
  a.c:hover{
    display: none;
  }
  a.p:hover{
    display: none;
  }
  a.h
    {
    font-size: 30px;
  }
  a.a
    {
    font-size: 30px;
  }
  a.c
    {
    font-size: 30px;
  }
  a.p
    {
    font-size: 30px;
  }


  div.gnhj{
    width: 2in;
  }
 
  html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  div.qaz{
    display: none;
  }
 div.to{
  
 }
    h1{
      margin-left: -1.2in;
    }
    ul.hif{
      width: 100%;
      height: 0px;
      display: flex;
      flex-direction: row-reverse;
    }
    div.semi{
      margin-top: -2.4in;
    }

    div.waviy{
      margin-left:50px;
      width: 3.0in;
      font-size: 35px;
    }
    div.container input{
      margin-left:50px;
    }
    button.btn{
      margin-left:40px;    
      }
span.ohg{
  color: rgb(160, 68, 185);
  font-size: 35px;
  
}
    
     span.ohg::before{
        content: "";
        height: 40px;
        width: 2px;
       position: absolute ;
        top: 50%;
        right: -8px;
       background-color: #000000;
        transform: translateY(-45%);
        animation: blink 0.7s infinite;
    }
  
    
    img.b{
      margin-top: 1.6in;
      margin-left: 5px;
      width: 380px;
    }
    .bun a{
      display: none;
    }
    div.onlyb{
  
      margin-left:0.7in;
      margin-top:8in;
    }
    div.onlyu{
     
      margin-left:0.7in;
      margin-top:12in;
    }
    div.dof{
      animation-play-state: paused;
      margin-left: -3.5in;
    }
    div.onlyp{
  
      margin-left:0.7in;
      margin-top:4in;
    }
 div.amaxin{
  width: 3in;

 }
    div.container{
      margin-left: -24px;
    }
    div.cntent{
      display: none;
    }
    div.content {
    display: none;

    }
  
    button.kab{
    
      
      animation-name: omy;
      animation-duration: 21s;
      animation-iteration-count: infinite;
      animation-delay: 6s;}
      @keyframes omy{
          0%{
          margin-left: 0px;
          }
          10%{
          margin-left: 0.1in;
          }
          20%{
          margin-left: 0in;
          }
          30%{
          margin-left: 0in;
          }
    }
    div.di{
      margin-top: 17in;
     
  }

div.box{
  width: 3.3in;
margin-left:0.4in;
  height: 5.3in;

margin-top:0.8in;
}
  button.start{
    margin-left:0.6in;
  }

  div.gna{
    font-size:30px;
    margin-left:-0.4in;
    
  }
  div.pa{
    font-size:20px;
    width:3in;
    font-family:cursive;
  }
div.raaj{
background:transparent;
margin-left:0.5in;
margin-top:-5.2in;
  
}
img.scrol{
  width:300px;
 height:180px;
 
}
div.gsar{
  width: 3.3in;
margin-left:0.4in;
  height: 5.3in;
background-color:trasparent;
margin-top:0.8in;
}
  button.face{
    margin-left:0.6in;
  }




div.raj{
  background:transparent;
  margin-left:0.5in;
  margin-top:-5.2in;
    
}
  div.jo{
    width: 3.3in;
  margin-left:0.4in;
    height: 5.3in;
  background-color:trasparent;
  margin-top:0.8in;
}
 

  
div.rj{
  background:transparent;
  margin-left:0.5in;
  margin-top:-5.2in;
    
}
div.mu{
  margin-left:20px;
  border-radius:80px ;
  width:3.7in;
  height:4.6in;
  
  box-shadow:2px 2px 10px gray;
}
div.di{
  margin-top: 20in;
  margin-left: 49px;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}
    img.code{
      width:300px;
      margin-left:30px;
      height:190px;
      margin-top:40px;
    }
 div.lo{
   margin-left:80px;
   font-size:40px;
 }
 div.soy{
  display: block;
 }
    button.read{
      margin-left:80px;
      margin-top:40px;
      
    }
    /*hghjgh*/
    div.moan{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }
  div.moa{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }
  div.mnan{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }   
  div.loh{
      font-size: 40px;
      width: 5in;
    margin-left:30px;
  }

 
div.mu:hover{
  display:none;
}
div.moan:hover{
  display:none;
}
div.moa:hover{
  display:none;
}
div.mnan:hover{
  display:none;
}
div.f{
  background-color:#07133b;
  height: 8in;
  margin-top: 348px;
 }
 div.g{
  /* margin-left: 100px; */
  /* margin-top: 0.8in; */
  font-size: 39px;
 }
 div.o,div.project,div.blogs,div.aboutu{
   /* margin-left: 170px; */
  }
  img.home,img.proj,img.blog,img.about{
   /* margin-left: 120px; */
  }
button.lok{
margin-left: 53px;
}
  div.gh{
    /* margin-left: 39px; */
    /* width: 2.5in; */
    flex-shrink: inherit;
    font-size: 37px;
    display: flex;
    /* margin-top: -362px; */
    justify-content: center;
    }
   p.jada{font-family:cursive;width: 4in;/* margin-left: 10px; *//* margin-right: 20px; */}
   div.gah{
     display:flex;
     justify-content:center;
   }
   div.rapper{
     margin-top: 51px;
   }
   div.bna{flex-direction:column;/* justify-content: center; */}
   img.sam{
   /* margin-left: -296px; */
   /* margin-top: 36px; */
   border-radius: 12px;
   width: 50px;
   height: 50px;
}
   img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
   img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
}

@media (max-width: 430px) and (min-width : 320px) {
  div.amaxin{
    width: 3in;
  
  }
  div.allthing{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
   } 
   div.gh{
    /* margin-left: 39px; */
    /* width: 2.5in; */
    flex-shrink: inherit;
    font-size: 37px;
    display: flex;
    /* margin-top: -362px; */
    justify-content: center;
    }
    p.jada{font-family:cursive;/* width: 270px; */margin-left: 15px;/* font-size: 25px; */margin-right: 10px;}
   
   div.gah{
     display:flex;
     width: 1.9in;
     justify-content:center;
   }
  div.rapper{
    margin-top: 48px;
  }
  div.gw{
    margin:0px;
    
  }
   div.bna{flex-direction:column;/* justify-content: center; */}
   img.sam{
   /* margin-left: -296px; */
   /* margin-top: 36px; */
   border-radius: 12px;
   width: 50px;
   height: 50px;
}
   img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
   img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
                                   
  div.to{
      width: 3in;
      font-size: 42px;
      margin-top: 36px;
      margin-left: 0;
  }
  ul.qaz{
    display: none;
  }


 nav.hi{
  height: 83px;

 }

label.menu-btn{
  top: 6in;
}

 li.amir{
  font-size: 50px;
  display: none;
  margin-top: 0.11in;
  margin-left: 3.1in;
  position:relative;
}
li.gb{
  /* font-size: 30px; */
  /* margin-top: -0.5in; */
  /* margin-left: 1.2in; */
  /* width: 2in; */
}
 li.gb{
    font-size: 30px;
    display: flex;
    /* margin-top: -0.5in; */
    margin-left: 20px;
    width: 100%;
    /* display: flex; */
    /* margin-left: 3in; */
    /* margin-left: 259px; */
    justify-content: flex-start;
  }
  li.car{
   display: flex;
   margin-left: -99px;
   width: 100%;
   margin-top: 4px;
   /* margin-left: 1in; */
   justify-content: flex-end;
  }
   a.hayi{
    font-size: 30px;
  }
  a.a:hover{
    display: none;
  }
  a.h:hover{
    display: none;
  }
  
  a.c:hover{
    display: none;
  }
  a.p:hover{
    display: none;
  }
  a.h
    {
    font-size: 30px;
  }
  a.a
    {
    font-size: 30px;
  }
  a.c
    {
    font-size: 30px;
  }
  a.p
    {
    font-size: 30px;
  }


  div.gnhj{
    width: 2in;
  }
 
  html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  div.qaz{
    display: none;
  }
 div.to{
  
 }
    h1{
      margin-left: 0.8in;
      margin-top: 1in;
      /* font-size: 20px; */
    }
    ul.hif{
      /* height: 0px; */
      width: 100%;
      display: flex;
      flex-direction: row-reverse;
    }
    div.semi{
      margin-top: -2in;
      font-size: 89px;
    }

    div.waviy{
      margin-left:50px;
      width: 3.0in;
      font-size: 35px;
    }
    div.container input{
      margin-left:50px;
    }
    button.btn{
      margin-left:40px;    
      }
span.ohg{
  color: rgb(160, 68, 185);
  font-size: 30px;
}
    
     span.ohg::before{
        content: "";
        height: 40px;
        width: 2px;
       position: absolute ;
        top: 50%;
        right: -8px;
       background-color: #000000;
        transform: translateY(-45%);
        animation: blink 0.7s infinite;
    }
  
    
    img.b{
      margin-top: 1.6in;
      margin-left: 5px;
      width: 338px;
    }
    .bun a{
      display: none;
    }
    div.onlyb{
  
      margin-left:0.7in;
      margin-top:8in;
    }
    div.onlyu{
     
      margin-left:0.7in;
      margin-top:12in;
    }
    div.dof{
      animation-play-state: paused;
      margin-left: -3.3in;
    }
    div.onlyp{
  
      margin-left:0.7in;
      margin-top:4in;
    }
    canvas{
      display: none;
    }
    div.container{
      margin-left: -24px;
    }
    div.cntent{
      display: none;
    }
    div.content {
    display: none;

    }
  
    button.kab{
    
/* animation-name: omy; */
    
/* animation-duration: 21s; */
    
/* animation-name: omy; */
    
/* animation-delay: 6s; */
    
/* animation-play-state: paused; */
    
animation: none;
    
}
      @keyframes omy{
          0%{
          margin-left: 0px;
          }
          10%{
          margin-left: 0.1in;
          }
          20%{
          margin-left: 0in;
          }
          30%{
          margin-left: 0in;
          }
    }
    div.di{
      margin-top: 17in;
     
  }

div.box{
  width: 3.3in;
  margin-left:0.4in;
  height: 5.3in;
  width: 287px;
  margin-top:0.8in;
}
  button.start{
    margin-left:0.6in;
  }

  div.gna{
    font-size:30px;
    margin-left:-0.4in;
    
  }
  div.pa{
    font-size: 22px;
    width: 2.7in;
    font-family:cursive;
  }
div.raaj{
background: lightcoral;
margin-left:0.5in;
margin-top:-5.2in;
width: 265px;
}
img.scrol{
  width: 271px;
  height: 161px;
}
div.gsar{
  width: 3in;
  margin-left:0.4in;
  height: 5.3in;
  background-color:trasparent;
  margin-top:0.8in;
}
  button.face{
    margin-left:0.6in;
  }




div.raj{
  background: chartreuse;
  margin-left:0.5in;
  margin-top:-5.2in;
  width: 271px;
}
  div.jo{
    width: 3in;
    margin-left:0.4in;
    height: 5.3in;
    background-color:trasparent;
    margin-top:0.8in;
}
 

  
div.rj{
  background: beige;
  margin-left:0.5in;
  margin-top:-5.2in;
  width: 270px;
}
div.mu{
  margin-left:20px;
  border-radius:80px;
  width: 3in;
  height:4.6in;
  box-shadow:2px 2px 10px gray;
}
div.di{
  margin-top: 20in;
  margin-left: -32px;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}
    img.code{
      width: 234px;
      margin-left: 27px;
      height: 156px;
      margin-top:40px;
    }
 div.lo{
   margin-left:80px;
   font-size:40px;
 }
 div.soy{
  display: block;
 }
    button.read{
      margin-left:80px;
      margin-top:40px;
      
    }
    /*hghjgh*/
    div.moan{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }
  div.moa{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }
  div.mnan{
      margin-left:20px;
      border-radius:80px ;
      width:3.7in;
      height:4.6in;
      margin-top: 2in;
      box-shadow:2px 2px 10px gray;

  }   
  div.loh{
      font-size: 40px;
      width: 5in;
    margin-left:30px;
  }

 
div.mu:hover{
  display:none;
}
div.moan:hover{
  display:none;
}
div.moa:hover{
  display:none;
}
div.mnan:hover{
  display:none;
}
div.f{
  background-color:#07133b;
  height: 7in;
  margin-top: 7in;
 }
 div.g{
  /* margin-left: 100px; */
  /* margin-top: 0.8in; */
  font-size: 30px;
 }
 div.o,div.project,div.blogs,div.aboutu{
   /* margin-left: 170px; */
  }
  img.home,img.proj,img.blog,img.about{
   /* margin-left: 120px; */
  }
button.lok{
margin-left: 53px;
}
  div.gh{
    /* margin-left: -307px; */
    display: flex;
    font-size: 31px;
    /* margin-top: -362px; */
    justify-content: center;
    }
  div.omh{
margin-top:50px;
  }
  div.footr{
flex-direction:column
  }
  img.omh{
    margin-top: 34px;
  }
   img.sam{
   /* margin-left: -296px; */
   /* margin-top: 36px; */
   width: 47px;
   height: 47px;
}
   img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 47px;height: 47px;}
   img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 47px;height: 47px;}
}









.acv{
  background: url(bg1.jpg) no-repeat;
  background-size: cover;
  height: calc(100vh - 10px);
  display: none;
}
.ab{
 margin-top: 0px;
}
.hi{
    
    animation-duration: 20s;
    animation-name: sa;
    
    box-shadow:  5px 5px 10px #68dcff;
    animation-iteration-count: infinite;
    background-color:white;
    
    height: 83px;
    width: 100%;
  
    }

    .hig{
    
    font-size: 24px;
    float: right;
  list-style: none;
 padding: 20px 40px;
}


.hn{
font-weight: bolder;
font-size: 19px;
    background-color: blueviolet;
    color: white;
  border-radius: 10px;
  border: 5px;
  width: 90px;
height: 40px;
  border-color: blueviolet;
  

}
@keyframes sa {
    0%{    box-shadow:  5px 3px 10px #ffa5a5; }
 
    10%{    box-shadow:  5px 3px 10px #ee97ff;}
    20%{
        box-shadow:  5px 3px 10px #6dfc5d;
    }
    30%{
        box-shadow:  5px 3px 10px #82b2ff;
    }
    40%{
        box-shadow:  5px 3px 10px #af18c7;
    }
    50%{
        box-shadow:  5px 3px 10px #eb5555c3;
    }
}
.qaz{
    font-family: cursive
 
}


.hif{
    float: left;

width: 5in;
height: 1in;
}
.amir{
   font-weight: bolder;
 margin-left: 4.5in;
 margin-top: 15px;
position: absolute;
    animation-name: amir;
    animation-duration: 5s;
    font-size: 50px;
    animation-iteration-count: infinite;
font-weight: 800;

}

@keyframes amir {

    from{transform: rotate(1deg);}
    to{transform: rotate(387deg);}






}
.gb{
   animation-duration: 5s;
    animation-name: amirji;
    animation-iteration-count: infinite;
    font-family: cursive;


}

















.c::before{
    content: "";
position: absolute;
   height: 5.5px;
 color: #fd0000;
   width: 0;
 top: 0.6in;
   background: #525655;
   border-radius: 65px;
   transition: width 0.3s ease;

}

.c:hover:before{
 width: 92px;


}
.c:hover{
    color: blueviolet;
   
}
a{
  color: black;
  font-size: 25px;
  /* display: flex; */
  /* justify-content: center; */
}
.a::before{
    content: "";
position: absolute;
   height: 5.5px;
 color: #fd0000;
   width: 0;
  top: 0.6in;
   background: #525655;
   border-radius: 65px;
   transition: width 0.3s ease;
}

.a:hover:before{
 width: 47px;


}
.a:hover{
    color: blueviolet;
   
}
.h::before{
    content: "";
position: absolute;
   height: 5.5px;
 color: #fd0000;
   width: 0;
top: 0.6in;
   background: #525655;
   border-radius: 65px;
   transition: width 0.3s ease;
}

.h:hover:before{
 width: 67px;


}
.h:hover{
    color: blueviolet;
   
}
.p::before{
    content: "";
position: absolute;
   height: 5.5px;
 color: #fd0000;
   width: 0;
top: 0.6in;
   background: #525655;
   border-radius: 65px;
   transition: width 0.3s ease;
}

.p:hover:before{
 width: 75px;


}
.p:hover{
    color: blueviolet;
}


.gb{
  font-size: 30px;
  margin-top: 20px;
                margin-left: 2.2in;
}
.car{
                margin-top: -55px;
                margin-left: 1in;
              }
             
             .you{
             
         
               
                width: 75px;
                padding: 0;
                height: 73px;
                border-radius: 50px;
                }
                
                .his{

                    width: 75px;
                  height: 73px;
                 border-radius: 50px;
                
                animation-name: li;
                animation-duration: 20s;
                animation-iteration-count: infinite;
                }
                @keyframes li {
                    0%{    box-shadow:  -5px 5px 10px #ff8787; }
                 
                    10%{    box-shadow:  -5px 5px 10px #ed96ff;}
                    20%{
                        box-shadow:  -5px 5px 10px #ffe564;
                    }
                    30%{
                        box-shadow:  -5px 5px 10px #5193ff;
                    }
                    40%{
                        box-shadow:  -5px 5px 10px #4affe7;
                    }
                    50%{
                        box-shadow:  -5px 5px 10px #f5ff36c3;
                    }
                 } 
          



.p{
  color: black;
}
 
.qav{
  display: none;
}
.bun a{
  position: fixed;
top: 7.1in;
  right: 20px;

  color: #000000;
background-color: white;
  padding: 8px 13px;;
  font-size: 18px;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.15);
}
.bun a:hover{
  box-shadow: 2px 2px 10px rgb(102, 101, 101);
  transition: all 0.4s ease;
background-color: transparent;
border: none;


}
.wrapper{

  position: fixed;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
background-color: transparent;
display: block;
  /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
  /* clip-path: circle(25px at calc(0% + 45px) 45px); */
  transition: all 0.3s ease-in-out;
  clip-path: circle(25px at calc(100% - 45px) 45px);

}
#active:checked ~ .wrapper{
  clip-path: circle(75%);
  background: linear-gradient(-135deg,#2c3e50,#bdc3c7);


}
#active:checked ~ .container{
  display: none;
}  

#active:checked ~ .dof{
  display: none;
}  
#active:checked ~ .okd{
  display: none;
}  
#active:checked ~ .semi{
  display: none;
}  


#active:checked ~ .di{
  display: none;
}  

.menu-btn{
  position: fixed;
  z-index: 2;
 left: 20px;
  right: 15in;
  /* left: 20px; */
  top: 7in;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
  background: linear-gradient(-135deg,#2c3e50,#bdc3c7);
  /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
  transition: all 0.3s ease-in-out;
}
#active:checked ~ .menu-btn{
  background: #ffffff;
  color: #4158d0;
}
#active:checked ~ .menu-btn i:before{
  content: "\f00d";
}
.wrapper ul{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  list-style: none;
  text-align: center;
}
.wrapper ul li{
  margin: 15px 0;
}
.wrapper ul li a{
  color: none;
  text-decoration: none;
  font-size: 45px;
  font-weight: 500;
padding: 5px 20px;
  color: #ffffff;
  position: relative;
  font-family: cursive;
  line-height: 70px;
  transition: all 0.3s ease;
}
.wrapper ul li a:after{
  position: absolute;
  content: "";
  background: #ffffff;
  width: 100%;
  height: 50px;
  left: 0;
  top: 15px;
  border-radius: 50px;
  transform: scaleY(0);
  z-index: -1;
  transition: transform 0.3s ease;
}
.wrapper ul li a:hover:after{
  transform: scaleY(1);
}
.wrapper ul li a:hover{
  color: #4158d0;
}
input[type="checkbox"]{
  display: none;
}



.to{font-family: cursive;font-size: 50px;font-weight: 800;width: 8in;margin-top: 1.5in;/* margin-left: 1.3in; */background: linear-gradient(135deg,#ff00d2,#fed90f,#00a2ff,#09f1b8,#ff00d2,#fed90f,#00a2ff,#09f1b8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 300% 300%;animation: df 1s,fd 9s 2s  ease-in-out infinite;}
@keyframes fd {
  0%{
    background-position: 0% 50%;

  }

  50%{
    background-position: 100% 50%;

  }

   100%{
    background-position: 0% 50%;

  }
}
.semi{font-size: 1.2in;margin-left: 3in;margin-top: 0.5in;font-weight: 800;font-family: serif;-webkit-animation: mikid 3s infinite linear;color: rgb(0, 0, 0);}
@-webkit-keyframes mikd {
0%{
   transform: rotate(0deg);
}
25%{
   transform: rotateX(360deg);
   text-shadow: 5px 2px 20px yellow;
}
50%{

   text-shadow: 5px 2px 20px rgb(144, 47, 255);

}
100%{

   text-shadow: 5px 2px 20px rgb(144, 232, 12);
}
125%{

   text-shadow: 5px 2px 20px rgb(132, 0, 255);
}


120%{
color: #2e88d7;
}
130%{
color: #3b0fff;
}
140%{
color: #0ffffb;
}
150%{
color: #c423e8;
}

}




      
.onlyp{
  animation: my 11s infinite;
position: absolute;
margin-left: 2in;
border-radius: 20px;
margin-top: 4in;
border: 0;
height: 2.9in;
width: 1.7in;
box-shadow: 8px 8px 80px gray;
animation-delay: 4s;

}

.n{
width: 130px;
height: 130px;
margin-top: 0.2in;
margin-left: 0.1in;


}
.sd{
  font-size: 35px;
  font-family: sans-serif;
  font-weight: bolder;
  margin-left:1px ;
  margin-left: 0.2in;
}
.kab{
background-color: #5193ff;
color: black;
border: 0;
font-family: sans-serif;
font-weight: bolder;
font-size: 17px;
width: 1.3in;
height: 0.3in;
margin-left: 21px;
margin-top: 0.2in;
border-radius: 20px;

animation-name: omy;
animation-duration: 21s;
animation-iteration-count: infinite;
animation-delay: 6s;}
@keyframes omy{
0%{
margin-left: 17px;
}
10%{
margin-left: 3in;
}
20%{
margin-left: 3in;
}
30%{
margin-left: 2in;
}
40%{
margin-left: 2in;
}

}
.kab:hover{
animation-play-state: paused;
background-color: transparent;
}

.onlyp:hover {

animation-play-state: paused;



}
.onlyb:hover{
animation-play-state: paused;
}
.onlyu:hover{
animation-play-state: paused;
}
.onlyb{
animation: my 11s infinite;
position: absolute;
margin-left: 6.5in;
border-radius: 20px;
border: 0;
height: 2.9in;
margin-top: 4.5in;
width: 1.7in;
box-shadow: 8px 8px 80px gray;

animation-delay: 4s;
}
.onlyu{animation: my 11s infinite;/* position: absolute; *//* margin-left: 11in; */border-radius: 20px;border: 0;height: 2.9in;margin-top: 4.5in;width: 1.7in;box-shadow: 8px 8px 80px gray;animation-delay: 4s;}
.np{
width: 110px;
height: 100px;
margin-top: 0.3in;
margin-left: 0.3in;


   }
   .dof{
      /* margin-left: 0.4in; */
      margin-top: -2in;
   }
   .ssd{
      font-size: 35px;
      font-family: sans-serif;
      font-weight: bolder;
      margin-left:1px ;
      margin-top: 0.2in;
      margin-left: 0.2in;
   }
@keyframes my {
50%{
box-shadow: 5px 5px 30px blueviolet;
}
100%{
border: 1px solid gray;
box-shadow: 5px 5px 60px blueviolet;
transform: rotateY(360deg)

}
}

.b{
  margin-left: -100px;
  margin-top: 82px;
  /* display: flex; */
  animation-name: jas;
  width: 6in;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  justify-content: center;
}
.scrol{
  width: 394px;
  height: 200px;
 
  border-radius: 20px 20px 0px 0px;

}
.pa{
  width: 4in;
  font-size: 25px;
  margin-left: 10px;

  font-weight: bolder;
  font-family: Georgia, 'Times New Roman', Times, serif;
margin-top: 30px;
}
.gna{
  width: 4in;
  font-size: 38px;
  text-align: center;

  font-weight: bolder;
  font-family: sans-serif;
margin-top: 20px;
}

.start{
  background: rgb(164, 98, 226);
  font-size: 20px;
  font-family: sans-serif;
  font-weight: bolder;
  height: 40px;
  width: 2in;
  border: 0;
  border-radius: 40px;
margin-left: 95px;
  margin-top: 60px;

}

.start:hover{
box-shadow: 2px 2px 10px rgb(109, 21, 185);
transition: box-shadow 0.3s ease;
transition: color 0.6s ease-in-out;
color: whitesmoke;
}
.face{
  background: rgb(164, 98, 226);
  font-size: 20px;
  font-family: sans-serif;
  font-weight: bolder;
  height: 40px;
  width: 2in;
  border: 0;
  border-radius: 40px;
margin-left: 95px;
  margin-top: 55px;
}

.raj{
  background-color: white;
  width: 4.1in;
  height: 5.7in;
  border-radius: 20px;
  position: relative;
margin-left: 6.1in;
margin-top: -5.9in;

}
.raaj{
  background-color: white;
  width: 4.1in;
  height: 5.7in;
  border-radius: 20px;
  position: relative;
margin-left: 2.1in;


margin-top: -5.9in;
}
.jo{
  margin-left: 10in;
  width: 4.3in;
  margin-top: -5.8in;
     animation:  20s infinite;
     animation-name: kams;
     border-radius: 20px;
  animation-timing-function: ease;
       height: 5.8in;

   }
   .jo{
      position: relative;
   
          width: 418px;
          height: 580px;
        animation: anate 4s linear infinite;
      margin-left: 10in;
      margin-top: -5.8in;
        border-radius:25px ;
        overflow: hidden;
          background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
      }
      @property --a{
          syntax: '<angle>';
              inherits: false;
              initial-value: 0deg;
      }
      @keyframes anate {
          0%{
              --a:0deg;
          }
          100%{
              --a:360deg;
          }
      }
      .jo::before{
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
      animation: anate 4s linear infinite;   
      animation-delay: -1s;
      }
      .jo::after{
      content:'';
      position: absolute;
      inset: 5px;
      background-color: rgb(255, 255, 255);
      
      border-radius: 20px;
      }
   .rj{
      background-color: rgb(255, 255, 255);
  width: 4.1in;
  height: 5.7in;
  border-radius: 20px;
     margin-left: 10.1in;
     margin-top: -5.9in;
position: relative;
      border-radius: 20px;
      
   }
   .gsar{
      position: relative;
  overflow: hidden;
          width: 418px;
          height: 580px;
        animation: anate 4s linear infinite;
      margin-left: 6in;
      margin-top: 0.7in;
        border-radius:25px ;
          background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
      }
      @property --a{
          syntax: '<angle>';
              inherits: false;
              initial-value: 0deg;
      }
      @keyframes anate {
          0%{
              --a:0deg;
          }
          100%{
              --a:360deg;
          }
      }
      .gsar::before{
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
      animation: anate 4s linear infinite;   
      animation-delay: -1s;
      }
      .gsar::after{
      content:'';
      position: absolute;
      inset: 5px;
      background-color: rgb(255, 255, 255);
      
      border-radius: 20px;
      }

   @keyframes mms {
   
          0%{    background-color: rgb(241, 241, 146);}
   
          10%{background-color: rgb(239, 204, 87); }
          20%{
              background-color: rgb(102, 100, 100);
          
          }
          30%{
              background-color: rgb(197, 133, 242);
          }
          40%{
              background-color: rgb(136, 136, 245);}
       } 
   .di{
      margin-top: 8in;
      /* margin-left: 0in; */
      display: flex;
      justify-content: center;
   }
  @keyframes kams {
      0%{    background-color: rgb(241, 241, 146);}

      10%{background-color: rgb(239, 204, 87); }
      20%{
          background-color: rgb(102, 100, 100);
      
      }
      30%{
          background-color: rgb(197, 133, 242);
      }
      40%{
          background-color: rgb(136, 136, 245);}
   }  
   .box{
      position: relative;
      overflow: hidden;
      width: 418px;
      height: 580px;
      animation: anate 4s linear infinite;
      margin-left: 0in;
      margin-top: 200px;
      border-radius:25px;
      background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
      }
      @property --a{
          syntax: '<angle>';
              inherits: false;
              initial-value: 0deg;
      }
      @keyframes anate {
          0%{
              --a:0deg;
          }
          100%{
              --a:360deg;
          }
      }
      .box::before{
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
      animation: anate 4s linear infinite;   
      animation-delay: -1s;
      }
      .box::after{
      content:'';
      position: absolute;
      inset: 5px;
      background-color: rgb(255, 255, 255);
      
      border-radius: 20px;
      }
      .soy{
          font-size: 45px;
          text-align: center;
          color: #478eff;
          font-family: sans-serif;
          font-weight: bolder;
          margin-top: 2in;
      }
      .mu{
         
width: 6in;
         
margin-top: 50px;
         
/* margin-left: 100px; */
         
height: 6in;
      }
      .mu:hover{
          box-shadow: 5px 10px 18px rgb(94, 96, 94);
          border: 1px gray;
          border-radius: 1in;
       
      }
      .lo{
      /* margin-left: 1.8in; */
      margin-top: 25px;
      font-size: 50px;
      font-weight: bolder;
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
      }
      
      .loh{
          margin-left: 1.2in;
      margin-top: 25px;
      font-size: 50px;
      font-weight: bolder;
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
      }
      .read{
          background-color: #adbae4;
          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
          font-weight: bolder;
          border: 0;
          border-radius: 20px;
          font-size: 21px;
          /* margin-left: 1.9in; */
          margin-top: 60px;
          width: 2in;
          height: 0.4in;
      }
      .read:hover{
      color: rgba(255, 255, 255, 0.934);
      
      }
      .load{
        text-decoration: none;
      }
      .moan{
          width: 6in;
          /* margin-left: 586px; */
          margin-top: 14in;
          height: 6in;
      }
      .moan:hover{
          box-shadow: 5px 10px 18px rgb(94, 96, 94);
          border: 1px gray;
          border-radius: 1in;
      }
      .moa{
          width: 6in;
          margin-top: 50px;
          /* margin-left: 100px; */
          height: 6in;
      }
      .moa:hover{
          box-shadow: 5px 10px 18px rgb(94, 96, 94);
          border: 1px gray;
          border-radius: 1in;
      }
      .mnan{
          width: 6in;
      
      margin-left: 800px;
      margin-top: -6in;
      height: 6in;
      }
      .mnan:hover{
          box-shadow: 5px 10px 18px rgb(94, 96, 94);
          border: 1px gray;
          border-radius: 1in;
      }
      .lok{
         background-color: #5193ff;
         font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
         font-weight: bolder;
         border: 0;
         color: white;
         border-radius: 20px;
         font-size: 21px;
         margin-top: 60px;
         /* margin-left: 588px; */
         width: 3in;
         height: 0.4in;
      }
      
      .lok:hover{
          background-color: transparent;
          color: rgb(0, 0, 0);
          border: 2px solid rgb(141, 141, 141);
         
          
      }
      .url{
          /* padding-left: 80px; */
          /* padding-top: 30px; */
          color: #444040;
        }
        .indor{
            font-size: 50px;
            font-weight: bolder;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            
        }
        .tab{
            background-color: #ffffff;
            height: 5in;
            margin-top: 10px;
        }
        .code{
            width: 500px;
            height: 300px;
            margin-top: 50px;
            /* margin-left: 38px; */
        }
    
        .f{
          background-color:#07133b;
          height: 360px;
          width: 100%;
          /* display: flex; */
          margin-top: 100px;
          justify-content: center;
          flex-direction: column;
      }
      .blo{
        margin-top: -8in;
        width: 10px;
      } .omh{
          border-radius: 200px;
          width: 125px;
          height: 125px;
          /* margin-left: 130px; */
          /* margin-top: 50px; */
          box-shadow: 6px 6px 91px white;
          animation-name: karan;
          animation-duration: 20s;
          animation-iteration-count: infinite;
      }
      @keyframes karan {
          
      
      0%{    box-shadow:  6px 6px 91px #ff1212; }
       
      10%{    box-shadow:  5px 5px 91px #e048ff;}
      20%{
          box-shadow:  6px 6px 91px #4aff36;
      }
      30%{
          box-shadow:  5px 5px 91px #478eff;
      }
      40%{
          box-shadow:  6px 6px 91px #47ffe6;
      }
      50%{
          box-shadow:  6px 6px 91px #b507ffc3;
      
      
      }60%{    box-shadow:  6px 6px 91px #9dff14; }
       
      70%{    box-shadow:  5px 5px 91px #18ffae;}
      80%{
          box-shadow:  6px 6px 91px #c6ff1c;
      }
      90%{
          box-shadow:  5px 5px 91px #478eff;
      }
      100%{
          box-shadow:  6px 6px 91px #0fff6b;
      }
      150%{
          box-shadow:  6px 6px 91px #0c7effc3;
      }
      }

      .g{
          color: rgb(255, 255, 255);
          font-size: 35px;
          font-weight: bolder;
          font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
          margin-left: 400px;
          margin-top: -150px;
          width: 50px;
      }
      .baba{
          height: 90px;
      
      margin-top: 145px;
        background-color: rgb(255, 255, 255);
      }
      .s{
          width: 30px;
          height: 30px;
      
      }
      .gh{
          font-size: 60px;
          color: rgb(255, 255, 255);
          font-weight: bolder;
          font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
          /* margin-left: 460px; */
          /* margin-top: -260px; */
      }
      .sam{
          /* margin-left: 560px; */
          /* margin-top: 30px; */
          width: 60px;
          height: 60px;
          border-radius: 20px;
      }
      .sam:hover{
          box-shadow: 2px 2px 25px rgb(255, 0, 255);
          transition: box-shadow 0.4s ease;
      }
      .am:hover{
          box-shadow: 2px 2px 25px rgb(255, 0, 0);
          transition: box-shadow 0.4s ease;
      }
      .az:hover{
          box-shadow: 2px 2px 25px rgb(0, 191, 255);
          transition: box-shadow 0.4s ease;
      }
      
      
         
      
      
      
      .home{
      width: 35px;
      height: 35px;
      margin-top: 10px;
      margin-left: 400px;
      }
      
      .url{
        /* padding-left: 80px; */
        /* padding-top: 30px; */
        color: #444040;
      }
      .indor{
          font-size: 50px;
          font-weight: bolder;
          font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
          
      }
      .tab{
          background-color: #ffffff;
          height: 5in;
          margin-top: 10px;
      }
      .code{
          width: 500px;
          height: 300px;
          margin-top: 50px;
          /* margin-left: 38px; */
      }
      .soy{
          font-size: 45px;
          text-align: center;
          color: #478eff;
          font-family: sans-serif;
          font-weight: bolder;
          margin-top: 2in;
      }
      .mu{
         
width: 6in;
         
margin-top: 50px;
         
/* margin-left: 100px; */
         
height: 6in;
      }
      .mu:hover{
          box-shadow: 5px 10px 18px rgb(94, 96, 94);
          border: 1px gray;
          border-radius: 1in;
       
      }
      .lo{
      /* margin-left: 1.8in; */
      margin-top: 25px;
      font-size: 50px;
      font-weight: bolder;
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
      }
      
      .loh{
          margin-left: 1.2in;
      margin-top: 25px;
      font-size: 50px;
      font-weight: bolder;
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
      }
      .read{
          background-color: #adbae4;
          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
          font-weight: bolder;
          border: 0;
          border-radius: 20px;
          font-size: 21px;
          /* margin-left: 1.9in; */
          margin-top: 60px;
          width: 2in;
          height: 0.4in;
      }
      .read:hover{
      color: rgba(255, 255, 255, 0.934);
      
      }
      .load{
        text-decoration: none;
      }
      .moan{
          width: 6in;
          /* margin-left: 800px; */
          /* margin-top: -6in; */
          height: 6in;
      }
      .moan:hover{
          box-shadow: 5px 10px 18px rgb(94, 96, 94);
          border: 1px gray;
          border-radius: 1in;
      }
      .moa{
          width: 6in;
          margin-top: 50px;
          /* margin-left: 100px; */
          height: 6in;
      }
      .moa:hover{
          box-shadow: 5px 10px 18px rgb(94, 96, 94);
          border: 1px gray;
          border-radius: 1in;
      }
      .mnan{
          width: 6in;
      
      margin-left: 800px;
      margin-top: -6in;
      height: 6in;
      }
      .mnan:hover{
          box-shadow: 5px 10px 18px rgb(94, 96, 94);
          border: 1px gray;
          border-radius: 1in;
      }
      .lok{
         background-color: #5193ff;
         font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
         font-weight: bolder;
         border: 0;
         color: white;
         border-radius: 20px;
         font-size: 21px;
         margin-top: 60px;
         /* margin-left: 588px; */
         width: 3in;
         height: 0.4in;
      }
      
      .lok:hover{
          background-color: transparent;
          color: rgb(0, 0, 0);
          border: 2px solid rgb(141, 141, 141);
         
          
      }
      .indor{
          /* margin-left: 3in; */
          margin-top: 1in;
      }
      .jada{
          /* margin-left: 3in; */
          width: 10in;
          margin-top: 20px;
          font-size: 20px;
          font-family: sans-serif;
      }
      .gah{
          margin-top: 1in;
          font-weight: bolder;
          font-size: 0.4in;
          font-family: sans-serif;
          /* margin-left:3in; */
      }
      .inst{
          width: 35px;
          height: 35px;
          margin-top: 10px;
          /* margin-left: 1.7in; */
      }
      
      .kem{
          width: 55px;
          height: 55px;
          /* margin-left: 2.1in; */
          margin-top: -17px;
      }
      .amirf{
          width: 48px;
          height: 48px;
          /* margin-left: 2.6in; */
          margin-top: -35px;
      }
      .amirf:hover{
      filter: blur(0.7px);
      }
      .kem:hover{
          filter: blur(0.7px);
          }
          .inst:hover{
              filter: blur(0.7px);
              }
          
              .jio{
                  margin-left: 2in;
             width: 4.3in;
                animation:  20s infinite;
                animation-name: kadms;
                border-radius: 20px;
             animation-timing-function: ease;
                  height: 5.8in;
              }
             @keyframes kadms {
                 0%{  background-color: rgb(133, 68, 218); }
          
                 10%{ background-color: rgb(241, 241, 146); }
                 20%{
                    background-color: rgb(136, 136, 245);
                 }
                 30%{
                     background-color: rgb(197, 133, 242);
                 }
                 40%{
              background-color: rgb(102, 100, 100);
                 }
              }    
              
       
              .scrol{
                  width: 394px;
                  height: 200px;
                 
                  border-radius: 20px 20px 0px 0px;
              }
              .pa{
                  width: 4in;
                  font-size: 25px;
                  margin-left: 10px;
                
                  font-weight: bolder;
                  font-family: Georgia, 'Times New Roman', Times, serif;
      margin-top: 30px;
              }
              .gna{
                  width: 4in;
                  font-size: 38px;
                  text-align: center;
                
                  font-weight: bolder;
                  font-family: sans-serif;
      margin-top: 20px;
              }
              .lo{
                  /* margin-left: 1.8in; */
                  margin-top: 25px;
                  font-size: 50px;
                  font-weight: bolder;
                  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                  }
                  
                  .loh{
                      margin-left: 1.2in;
                  margin-top: 25px;
                  font-size: 50px;
                  font-weight: bolder;
                  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                  }
                  .read{
                      background-color: #adbae4;
                      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                      font-weight: bolder;
                      border: 0;
                      border-radius: 20px;
                      font-size: 21px;
                      /* margin-left: 1.9in; */
                      margin-top: 60px;
                      width: 2in;
                      height: 0.4in;
                  }
                  .read:hover{
                  color: rgba(255, 255, 255, 0.934);
                  
                  }
                  .gh{
                      font-size: 60px;
                      color: rgb(255, 255, 255);
                      font-weight: bolder;
                      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                      /* margin-left: 460px; */
                      /* margin-top: -260px; */
                  }
                  .sam{
                      /* margin-left: 560px; */
                      /* margin-top: 30px; */
                      width: 60px;
                      height: 60px;
                      border-radius: 20px;
                  }
                  .sam:hover{
                      box-shadow: 2px 2px 25px rgb(255, 0, 255);
                      transition: box-shadow 0.4s ease;
                  }
                  .am:hover{
                      box-shadow: 2px 2px 25px rgb(255, 0, 0);
                      transition: box-shadow 0.4s ease;
                  }
                  .az:hover{
                      box-shadow: 2px 2px 25px rgb(0, 191, 255);
                      transition: box-shadow 0.4s ease;
                  }
                  .am{
                   
                     margin-left: 50px;
                      width: 60px;
                      height: 60px
                      ;
                      border-radius: 30px;
                  }
                  .az{
                  
                      margin-left: 50px;
                      width: 60px;
                      height: 60px
                      ;
                      border-radius: 400px;
                  }
                  .tu{
                      /* margin-left: 360px; */
                      /* display: flex; */
                      /* width: 2in; */
                      margin-top: 20px;
                  }
                  .haryana{
                      list-style: none;
                      color: white;
                      font-size: 20px;
                  
                     
                  
                  }
                  
                  .home{
                  width: 35px;
                  height: 35px;
                  margin-top: 10px;
                  margin-left: 400px;
                  }
                  .o{
                      margin-top: -35px;
                      color: white;
                      font-size: 25px;
                      margin-left: 450px;
                      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                  }
                  .proj{
                      width: 35px;
                  height: 35px;
                  margin-top: 20px;
                  margin-left: 400px;
                  }
                  .project{
                      margin-top: -35px;
                      color: white;
                      font-size: 25px;
                      margin-left: 450px;
                      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                  }
                  .blog{
                      width: 35px;
                      height: 35px;
                    margin-top: 8.2in;
                      margin-left: 400px;
                      
                  }
                  .blogs{
                      margin-top: -35px;
                      color: rgb(255, 255, 255);
                      font-size: 25px;
                      margin-left: 450px;
                      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                  }
                  .about{
                  
                      width: 35px;
                      height: 35px;
                  
                      margin-top: 0.2in;
                      margin-left: 400px;
                  }
                  .aboutu{
                   margin-top: -35px;
                      color: rgb(255, 255, 255);
                      font-size: 25px;
                      margin-left: 450px;
                      width: 2in;
                      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                  }
                  .url{
                    /* padding-left: 80px; */
                    font-size: 20px;
                    /* padding-top: 30px; */
                    color: #444040;
                    display: flex;
                    justify-content: center;
                    width: 100%;
                  }
                  .indor{
                      font-size: 50px;
                      font-weight: bolder;
                      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                      
                  }
                  .tab{
                      background-color: #ffffff;
                      height: 5in;
                      /* display: flex; */
                      margin-top: 10px;
                      /* flex-direction: column; */
                      justify-content: center;
                  }
                  .code{
                      width: 500px;
                      height: 300px;
                      margin-top: 50px;
                      /* margin-left: 38px; */
                  }
                  .soy{
                      font-size: 45px;
                      text-align: center;
                      color: #478eff;
                      font-family: sans-serif;
                      font-weight: bolder;
                      margin-top: 2in;
                  }
                  .mu{
                     
width: 6in;
                     
/* margin-top: 50px; */
                     
/* margin-left: 100px; */
                     
height: 6in;
                     
margin: 0.5in;
                  }
                  .mu:hover{
                      box-shadow: 5px 10px 18px rgb(94, 96, 94);
                      border: 1px gray;
                      border-radius: 1in;
                      transition: all 0.5s;
                  }
                  .lo{
                  /* margin-left: 1.8in; */
                  margin-top: 25px;
                  font-size: 50px;
                  font-weight: bolder;
                  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                  }
                  
                  .loh{
                      margin-left: 1.2in;
                  margin-top: 25px;
                  font-size: 50px;
                  font-weight: bolder;
                  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                  }
                  .read{
                      background-color: #adbae4;
                      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                      font-weight: bolder;
                      border: 0;
                      border-radius: 20px;
                      font-size: 21px;
                      /* margin-left: 1.9in; */
                      margin-top: 60px;
                      width: 2in;
                      height: 0.4in;
                  }
                  .read:hover{
                  color: rgba(255, 255, 255, 0.934);
                  
                  }
                  .load{
                    text-decoration: none;
                  }
                  .moan{
                      width: 6in;
                      /* margin-left: 800px; */
                      /* margin: 12px; */
                      /* margin-left: 0in; */
                      /* margin-top: -6in; */
                      height: 6in;
                  }
                  .moan:hover{
                      box-shadow: 5px 10px 18px rgb(94, 96, 94);
                      border: 1px gray;
                      border-radius: 1in;   transition: all 0.5s;
                  }
                  .moa{
                      width: 6in;
                      margin: 0.5in;
                      margin-top: 50px;
                      /* margin-left: 100px; */
                      height: 6in;
                  }
                  .moa:hover{
                      box-shadow: 5px 10px 18px rgb(94, 96, 94);
                      border: 1px gray;
                      border-radius: 1in;   transition: all 0.5s;
                  }
                  .mnan{
                      width: 6in;
                  
                  margin-left: 800px;
                  margin-top: -6in;
                  height: 6in;
                  }
                  .mnan:hover{
                      box-shadow: 5px 10px 18px rgb(94, 96, 94);
                      border: 1px gray;
                      border-radius: 1in;
                      transition: all 0.5s;
                  }
                  .lok{
                     background-color: #5193ff;
                     font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                     font-weight: bolder;
                     border: 0;
                     color: white;
                     border-radius: 20px;
                     font-size: 21px;
                     margin-top: in;
                     /* margin-left: 585px; */
                     width: 3in;
                     height: 0.4in;
                  }
                  
                  .lok:hover{
                      background-color: transparent;
                      color: rgb(0, 0, 0);
                      border: 2px solid rgb(141, 141, 141);
                      transition: all 0.5s;
                      
                  }
                  .indor{
                      /* margin-left: 3in; */
                      margin-top: 1in;
                      display: flex;
                      justify-content: center;
                  }
                  .jada{
                      /* margin-left: 3in; */
                      width: 7.5in;
                      margin-top: 20px;
                      font-size: 20px;
                      font-family: sans-serif;
                  }
                  .gah{
                      margin-top: 1in;
                      font-weight: bolder;
                      font-size: 0.4in;
                      font-family: sans-serif;
                      /* margin-left:3in; */
                  }
                  .inst{
                      width: 35px;
                      /* display: flex; */
                      height: 35px;
                      /* margin-top: 10px; */
                      /* margin: 12px; */
                      /* margin-left: 0.7in; */
                      /* margin: 12px; */
                      justify-content: center;
                  }
                  
                  .kem{
                      width: 55px;
                      height: 55px;
                      /* margin-left: 2.1in; */
                      margin-top: 1px;
                      margin-left: -7px;
                  }
                  .amirf{
                      width: 48px;
                      height: 48px;
                      /* margin-left: 2.6in; */
                      margin-top: 4px;
                  }
                  .inst:hover{
                  filter: blur(0.7px);
                  }
                  .inst:hover{
                      filter: blur(0.7px);
                      }
                      .inst:hover{
                          filter: blur(0.7px);
                          }
                      
                          .jio{
                              margin-left: 2in;
                         width: 4.3in;
                            animation:  20s infinite;
                            animation-name: kadms;
                            border-radius: 20px;
                         animation-timing-function: ease;
                              height: 5.8in;
                          }
                         @keyframes kadms {
                             0%{  background-color: rgb(133, 68, 218); }
                      
                             10%{ background-color: rgb(241, 241, 146); }
                             20%{
                                background-color: rgb(136, 136, 245);
                             }
                             30%{
                                 background-color: rgb(197, 133, 242);
                             }
                             40%{
                          background-color: rgb(102, 100, 100);
                             }
                          }    
                          
                   
                          .scrol{
                              width: 394px;
                              height: 200px;
                             
                              border-radius: 20px 20px 0px 0px;
                          }
                          .pa{
                              width: 4in;
                              font-size: 25px;
                              margin-left: 10px;
                            
                              font-weight: bolder;
                              font-family: Georgia, 'Times New Roman', Times, serif;
                  margin-top: 30px;
                          }
                          .gna{
                              width: 4in;
                              font-size: 38px;
                              text-align: center;
                            
                              font-weight: bolder;
                              font-family: sans-serif;
                  margin-top: 20px;
                          }
                          
                          .start{
                              background: rgb(164, 98, 226);
                              font-size: 20px;
                              font-family: sans-serif;
                              font-weight: bolder;
                              height: 40px;
                              width: 2in;
                              border: 0;
                              border-radius: 40px;
                            margin-left: 95px;
                              margin-top: 60px;
                        
                          }
                       
                        .start:hover{
                           box-shadow: 2px 2px 10px rgb(109, 21, 185);
                           transition: box-shadow 0.3s ease;
                           transition: color 0.6s ease-in-out;
                           color: whitesmoke;
                          }
                          .face{
                              background: rgb(164, 98, 226);
                              font-size: 20px;
                              font-family: sans-serif;
                              font-weight: bolder;
                              height: 40px;
                              width: 2in;
                              border: 0;
                              border-radius: 40px;
                            margin-left: 95px;
                              margin-top: 55px;
                          }
                       
                          .raj{
                              background-color: white;
                              width: 4.1in;
                              height: 5.7in;
                              border-radius: 20px;
                              /* position: relative; */
                              margin-left: -4.2in;
                              margin-top: 9.9in;
                          }
                          .raaj{
                              background-color: white;
                              width: 4.1in;
                              height: 5.7in;
                              border-radius: 20px;
                              position: relative;
                              margin-left: 0.1in;
                              margin-top: -5.9in;
                          }
                          .jo{
                              margin-left: 10in;
                              width: 4.3in;
                              margin-top: -5.8in;
                                 animation:  20s infinite;
                                 animation-name: kams;
                                 border-radius: 20px;
                              animation-timing-function: ease;
                                   height: 5.8in;
                  
                               }
                               .jo{
                                  position: relative;
                                  width: 418px;
                                  height: 580px;
                                  animation: anate 4s linear infinite;
                                  margin-left: 0in;
                                  margin-top: 2.2in;
                                  border-radius:25px;
                                  overflow: hidden;
                                  background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
                                  }
                                  @property --a{
                                      syntax: '<angle>';
                                          inherits: false;
                                          initial-value: 0deg;
                                  }
                                  @keyframes anate {
                                      0%{
                                          --a:0deg;
                                      }
                                      100%{
                                          --a:360deg;
                                      }
                                  }
                                  .jo::before{
                                  content: '';
                                  position: absolute;
                                  width: 100%;
                                  height: 100%;
                                  background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
                                  animation: anate 4s linear infinite;   
                                  animation-delay: -1s;
                                  }
                                  .jo::after{
                                  content:'';
                                  position: absolute;
                                  inset: 5px;
                                  background-color: rgb(255, 255, 255);
                                  
                                  border-radius: 20px;
                                  }
                               .rj{
                                  background-color: rgb(255, 255, 255);
                                  width: 4.1in;
                                  height: 5.7in;
                                  border-radius: 20px;
                                  margin-left: 0.1in;
                                  margin-top: -5.9in;
                                  position: relative;
                                  border-radius: 20px;
                               }
                               .gsar{
                                  position: relative;
                                  overflow: hidden;
                                  width: 418px;
                                  height: 580px;
                                  animation: anate 4s linear infinite;
                                  margin-left: -10.1in;
                                  margin-top: 9.7in;
                                  border-radius:25px;
                                  background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
                                  }
                                  @property --a{
                                      syntax: '<angle>';
                                          inherits: false;
                                          initial-value: 0deg;
                                  }
                                  @keyframes anate {
                                      0%{
                                          --a:0deg;
                                      }
                                      100%{
                                          --a:360deg;
                                      }
                                  }
                                  .gsar::before{
                                  content: '';
                                  position: absolute;
                                  width: 100%;
                                  height: 100%;
                                  background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
                                  animation: anate 4s linear infinite;   
                                  animation-delay: -1s;
                                  }
                                  .gsar::after{
                                  content:'';
                                  position: absolute;
                                  inset: 5px;
                                  background-color: rgb(255, 255, 255);
                                  
                                  border-radius: 20px;
                                  }
                            
                               @keyframes mms {
                               
                                      0%{    background-color: rgb(241, 241, 146);}
                               
                                      10%{background-color: rgb(239, 204, 87); }
                                      20%{
                                          background-color: rgb(102, 100, 100);
                                      
                                      }
                                      30%{
                                          background-color: rgb(197, 133, 242);
                                      }
                                      40%{
                                          background-color: rgb(136, 136, 245);}
                                   } 
                               
                              @keyframes kams {
                                  0%{    background-color: rgb(241, 241, 146);}
                           
                                  10%{background-color: rgb(239, 204, 87); }
                                  20%{
                                      background-color: rgb(102, 100, 100);
                                  
                                  }
                                  30%{
                                      background-color: rgb(197, 133, 242);
                                  }
                                  40%{
                                      background-color: rgb(136, 136, 245);}
                               }    
                          
                               .onlyp{
                                  animation: my 11s infinite;
                              position: absolute;
                             margin-left: 2in;
                             border-radius: 20px;
                             margin-top: 4in;
                  border: 0;
                  height: 2.9in;
                  width: 1.7in;
                  box-shadow: 8px 8px 80px gray;
                  animation-delay: 4s;
                  
                               }
                            
                               .n{
                  width: 130px;
                  height: 130px;
                  margin-top: 0.2in;
                  margin-left: 0.1in;
                  
                  
                               }
                               .sd{
                                  font-size: 35px;
                                  font-family: sans-serif;
                                  font-weight: bolder;
                                  margin-left:1px ;
                                  margin-left: 0.2in;
                               }
                  .kab{
                      background-color: #5193ff;
                      color: black;
                      border: 0;
                      font-family: sans-serif;
                      font-weight: bolder;
                      font-size: 17px;
                      /* width: 5.3in; */
                      height: 0.3in;
                      /* margin-left: 21px; */
                      margin-top: 0.2in;
                      border-radius: 20px;
                      animation-name: omy;
                      animation-duration: 21s;
                      animation-iteration-count: infinite;
                      animation-delay: 6s;
                      }
                  @keyframes omy{
                  0%{
                      margin-left: 17px;
                  }
                  10%{
                      margin-left: 3in;
                  }
                  20%{
                      margin-left: 3in;
                  }
                  30%{
                      margin-left: 2in;
                  }
                  40%{
                      margin-left: 2in;
                  }
                      
                  }
                  .kab:hover{
                      animation-play-state: paused;
                      background-color: transparent;
                  border: 2px solid gray;
                      transform: border 5s ;
                  }
                  
                  .onlyp:hover {
                  
                  animation-play-state: paused;
                  
                  
                  
                  }
                  .dof{
                    /* display: grid; */
                    /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
                    /* max-width: 1250px; */
                    /* margin: 150px auto; */
                    /* padding: 20px; */
                    /* gap: 20px; */
                  }
                  .onlyb:hover{
                      animation-play-state: paused;
                  }
                  .onlyu:hover{
                      animation-play-state: paused;
                  }
                  .onlyb{
                      animation: my 11s infinite;
                  position: absolute;
                  margin-left: 6.5in;
                  border-radius: 20px;
                  border: 0;
                  height: 2.9in;
                  margin-top: 4in;
                  width: 1.7in;
                  box-shadow: 8px 8px 80px gray;
                  
                  animation-delay: 4s;
                   }
                   .onlyu{
                      animation: my 11s infinite;
                      /* position: absolute; */
                      /* margin-left: 11in; */
                      margin: 123px;
                      border-radius: 20px;
                      border: 0;
                      height: 2.9in;
                      margin-top: 4in;
                      width: 1.7in;
                      box-shadow: 8px 8px 80px gray;
                      animation-delay: 4s;
                   }
                   .np{
                      width: 110px;
                      height: 100px;
                      margin-top: 0.3in;
                  margin-left: 0.3in;
                      
                      
                                   }
                                   .dof{
                                      /* margin-left: 0.4in; */
                                      margin-top: -2in;
                                      display: flex;
                                      justify-content: center;
                                   }
                                   .ssd{
                                      font-size: 35px;
                                      font-family: sans-serif;
                                      font-weight: bolder;
                                      margin-left:1px ;
                                      margin-top: 0.2in;
                                      margin-left: 0.2in;
                                   }
                   @keyframes my {
                      50%{
                          box-shadow: 5px 5px 30px blueviolet;
                      }
                      100%{
                          border: 1px solid gray;
                  box-shadow: 5px 5px 60px blueviolet;
                          transform: rotateY(360deg)
                  
                      }
                   }
                   .about{

                      width: 50px;
                      height: 35px;
                  
                      margin-top: 0.2in;
                      margin-left: 392px;
                  }
                  .ab{
                      margin-top: 0;
                  }
                  .hib{
                    font-size: 40px;
          margin: 20px;
                    font-family: 'Courier New', Courier, monospace;
                  }
                  .aboutu{
                   margin-top: -35px;
                      color: rgb(255, 255, 255);
                      font-size: 25px;
                      margin-left: 450px;
                      width: 2in;
                      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                  }
                  .container{
                    width: 350px;
                    background-color: transparent;
                    backdrop-filter: blur (50px);
                    border-radius: 40px;
                    /* margin-left: 5.5in; */
                    display: flex;
                    margin-top: 1.5in;
                    height: 4.5in;
                    position: relative;
                    text-align: center;
                    width: 100%;
                    animation-delay: 2s;
                    justify-content: center;
                    align-items: center;
                    flex-wrap: wrap;
                    flex-direction: column;
                  }
           
                  .container input{
                    width: 100%;
                    display: flex;
                    padding: 10px;
                    margin-bottom:21px;
                    backdrop-filter: blur(2px);
                    background-color: transparent;
                    border: 2px solid gray;
                    border-radius: 50px;
                    /* margin-left: 70px; */
                    font-size: 20px;
                    outline: none;
                  }
             
                  .container input:focus{
                    box-shadow: 1px 2px 10px rgb(152, 152, 150);
                    transition: all 0.6s;
                border:2px solid snow;
                  }
                
               
                  .btn{
                   border: 2px solid gray;
                   cursor: pointer;
                   background-color: transparent;
                   margin: 15px 0;
                   backdrop-filter: blur(2px);
                   border-radius: 50px;
                   /* margin-left: 63px; */
                   font-size: 20px;
                   width: 40%;
                   height: 0.4in;
                  }
                  .btn:hover{
color: white;
transition: all 0.5s ;
background-color: #000000;
                  }
         
               
         

                  canvas{
           height: 5in;
                    /* width: 17.5in; */
                    margin-top: -6in;
                    width: 15.8in;
                    /* margin-left: -2in; */
                  }
                 

.waviy {position: relative;-webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0, 0, 0, 0.2));font-size: 50px;width: 10in;/* margin-left: -2.5in; */margin-bottom: 40px;}
.waviy span {
font-weight: 900;
font-family: sans-serif;
position: relative;
display: inline-block;
color: #000000;

animation: waviy 3s infinite;
animation-delay: calc(.1s * var(--i));

}
.soy{
display: none;
}
#span4,#span2{
margin-left: 20px;
}
@keyframes waviy {
0%,40%,100% {
  transform: translateY(0);
  color:#363636;
}
20% {
  transform: translateY(-20px);
  color:#b3b3b3;
 
}
}
.content {position: relative;display: flex;margin-top: 3in;justify-content: center;margin: 0;}
.vb{/* margin-top: 3in; */display: flex;justify-content: center;align-items: center;}
.content h2 {color: #fff;margin: 0;font-size: 0.8in;position: absolute;/* width: 10in; */font-family: "Poppins", sans-serif;transform: translate(-50%, -50%);margin-top: 2in;/* margin-left: 8in; */}

.content h2:nth-child(1) {

            
               background: linear-gradient(100deg,#ff00d2,#fed90f,#00a2ff,#09f1b8,#ff00d2,#00a2ff,#09f1b8);
               -webkit-background-clip: text;
       
             
               -webkit-text-fill-color: transparent;
           
              
-webkit-text-stroke: 2px #000000;
}

.content h2:nth-child(2) {

animation: animate 4s ease-in-out infinite;
}

@keyframes animate {
0%,
100% {
  clip-path: polygon(
    0% 45%,
    16% 44%,
    33% 50%,
    54% 60%,
    70% 61%,
    84% 59%,
    100% 52%,
    100% 100%,
    0% 100%
  );
}

50% {
  clip-path: polygon(
    0% 60%,
    15% 65%,
    34% 66%,
    51% 62%,
    67% 50%,
    84% 45%,
    100% 46%,
    100% 100%,
    0% 100%
  );}}
  .cntent {
    margin-top: -9in;
    position: relative;
    display: flex;
    justify-content: center;
  }

  .cntent h2 {
    color: #fff;
    font-size: 0.8in;
    position: absolute;
    /* width: 100%; */
    height: 1in;
    font-family: "Poppins", sans-serif;
    transform: translate(-50%, -50%);
    margin-top: 10in;
    /* margin-left: 9.1in; */
  }
  
  .cntent h2:nth-child(1) {
    
                
                   background: linear-gradient(100deg,#ff00d2,#00a2ff,#09f1b8,#ff00d2,#00a2ff);
                   -webkit-background-clip: text;
           
                 
                   -webkit-text-fill-color: transparent;
               
                  
    -webkit-text-stroke: 2px #000000;
  }
  
  .cntent h2:nth-child(2) {
    
    animation: animate 4s ease-in-out infinite;
  }
  .firtsin{
    display: flex;
    justify-content: center;
    width: 100%;
    /* margin-top: -132px; */
    align-items: center;
    align-content: center;
  }
  .insi{
    margin: -11px;
    margin-top: -63px;
    /* width: 30%; */
  }
  .firstr{
  display: flex;
  justify-content: center;
  }

  @keyframes animate {
    0%,
    100% {
      clip-path: polygon(
        0% 45%,
        16% 44%,
        33% 50%,
        54% 60%,
        70% 61%,
        84% 59%,
        100% 52%,
        100% 100%,
        0% 100%
      );
    }
  
    50% {
      clip-path: polygon(
        0% 60%,
        15% 65%,
        34% 66%,
        51% 62%,
        67% 50%,
        84% 45%,
        100% 46%,
        100% 100%,
        0% 100%
      );}}
     
      @media (min-width:1455px) and (max-width:1520px) {
        img.b{
          margin-left: 8in;
          
         }
  
 
            div.to{
              margin-left: 1in;
            }
            div.semi{
              margin-left: 3.8in;
              width: 3in;
            }
            div.okd{
              margin-left: 0in;
            }
            div.dof{
              margin-left: 0.4in;
            }
            div.cntent{
  margin-left: 0in;
            }
  div.waviy{
   margin-left: -2.4in;
  }
  div.container input{
    margin-left: 0in;
  }
  div.g{
    /* margin-left: 5.5in; */
  }
  div.auj,div.ab,div.blo,div.pro{
    /* margin-left: 1.3in; */
  }
  img.omh{
    /* margin-left: 2in; */
  }
  div.tu{
    /* margin-left: 3.8in; */
  }
  button.btn{
    margin-left: 1.8in;
  }
  div.wrapper,label.menu-btn{
    display: none;
  }
  canvas{
    margin-left: 1.5in;
    width: 11.5in;
   
  }
  
  div.baba{
    /* margin-left: 6in; */
    /* width: 4in; */
  }
            button.lok{
        margin-left: 6.5in;
            }
          
            }
            @media (min-width:1350px) and (max-width:1455px) {
              img.b{
                /* margin-left: 6.9in; */
               }
        
               div.to{
                margin-left: 1in;
              }
              div.semi{
                margin-left: 3.8in;
                width: 3in;
              }
              div.okd{
                margin-left: 0in;
              }
                  
                  div.dof{
                    margin-left: -0.2in;
                  }
                  div.cntent{
        margin-left: -1in;
                  }
        div.waviy{
         margin-left: -3.4in;
        }
        div.container input{
          margin-left: -1in;
        }
        div.g{
          /* margin-left: 4.5in; */
        }
        div.auj,div.ab,div.blo,div.pro{
          /* margin-left: 0.3in; */
        }
        img.omh{
          /* margin-left: 1in; */
        }
        div.tu{
          /* margin-left: 2.8in; */
        }
        button.btn{
          margin-left: 0.8in;
        }
        div.wrapper,label.menu-btn{
          display: none;
        }
        canvas{
          margin-left: 0.5in;
          width: 11.5in;
         
        }
        div.bun a{
          display: none;
        }
        
        div.baba{
          margin-left: 5in;
          width: 4in;
        }
                  button.lok{
              margin-left: 5.5in;
                  }
                  div.di{
                    margin-left: -1in;
                  }
                  div.content{
                    margin-left: -0.7in;
                  }
                  div.vb{
        margin-left: -0.5in;
                  }}
                  @media (min-width:1270px) and (max-width:1350px) {
                    img.b{
                      /* margin-left: 6.9in; */
                      width: 6in;
                     }
              
                     div.to{
                      margin-left: 1in;
                      font-size: 45px;
                    }
                    div.semi{
                      margin-left: 3.8in;
                      width: 3in;
                      font-size: 90px;
                    }
                    div.okd{
                      margin-left: 0in;
                    }
                     div.pa{
                       width:3.6in;
                       font-family:cursive;
                     }   
                        div.dof{
                          margin-left: -0.7in;
                        }
                        div.cntent{
              margin-left: -1.5in;
                        }
                    img.scrol{
                      width:360px;
                      height:200px;;
                    }
                    div.box,div.gsar,div.jo{
                      width:380px;
                    }
                    div.jo{
                      margin-left:9.5in;
                    }
                  
                    div.rj{
                      /* margin-left:9.6in; */
                    }
                    div.box{
                      /* margin-left:2.8in; */
                    }
                    div.raaj{
                      /* margin-left:2.9in; */
                    }
                    div.raaj,div.rj,div.raj{
                      width:3in;
                    }
              div.waviy{
               /* margin-left: -4.4in; */
              }
              div.container input{
                margin-left: -1in;
              }
            
              div.auj,div.ab,div.blo,div.pro{
                /* margin-left: -0.3in; */
              }
              div.g{
                /* margin-left: 3.9in; */
              }
            
              img.omh{
                /* margin-left: 1in; */
              }
              div.tu{
                /* margin-left: 1.8in; */
              }
              button.btn{
                margin-left: -0.8in;
              }
              div.wrapper,label.menu-btn{
                display: none;
              }
              canvas{
                margin-left: -0.5in;
                width: 11.5in;
               
              }
              div.bun a{
                display: none;
              }
              
              div.baba{
                /* margin-left: 4in; */
                /* width: 4in; */
              }
                        button.lok{
                    /* margin-left: 4.5in; */
                    }
                        div.di{
                          /* margin-left: -1.3in; */
                        }
                        div.content{
                          margin-left: -1.7in;
                        }
                        img.code{
                          width:450px;
                          height:260px;
                        }
                        div.moan,div.moa,div.mnan,div.mu{
                          width:5.5in
                        }
                      div.lo{
                        margin-left:1.5in;
                      }
                        div.mu,div.moa{
                          /* margin-left:2in; */
                        }
                       div.vb{
                         /* margin-left:-1in; */
                       } 
                        }
                        @media (min-width:1167px) and (max-width:1270px) {
                          img.b{
                            /* margin-left: 6.9in; */
                            width: 4.8in;
                           }
                           div.onlyu,div.onlyb,div.onlyp{
                            width: 1.5in;
                             
                          }
                          div.onlyp{
                            margin-left: 4in;
                          }
                          div.onlyu{
                            /* margin-left: 9in; */
                          }
                           div.to{
                            margin-left: 1in;
                            font-size: 35px;
                          }
                          html{
                            width: 100%;
                          }
                     
                          div.sd{
                            font-size:19px;
                            margin-left:0.3in;
                          }
                          div.semi{
                            margin-left: 3.8in;
                            width: 2in;
                            font-size: 80px;
                          }
                          button.kab{
                            font-size: 15px;
                            font-weight: normal;
                            width: 1.1in;
                          }
                          div.okd{
                            margin-left: 0in;
                          }
                           div.pa{
                             width:3in;
                             font-family:cursive;
                             font-size: 26px;
                             margin-left:1px;
                        
                           }   
                              div.dof{
                                /* margin-left: -1.3in; */
                              }
                              div.cntent{
                    margin-left: -1.5in;
                              }
                          img.scrol{
                            width:295px;
                            height:180px;;
                          }
                          div.box,div.gsar,div.jo{
                            width:314px;
                          }
                         
                          div.raaj,div.rj,div.raj{
                            width:300px;
                          
                          }
                          div.waviy{
                            /* margin-left: -4in; */
                            font-size:35px;
                           }
                    
                  
                    div.auj,div.ab,div.blo,div.pro{
                      /* margin-left: -0.3in; */
                    }
                    div.g{
                      /* margin-left: 3.9in; */
                    }
                  div.gh{
                    /* font-size: 43px; */
                  }
                    img.omh{
                      /* margin-left: 1in; */
                    }
                    div.tu{
                      /* margin-left: 1.8in; */
                    }
                    button.btn{
                      margin-left: -0.8in;
                    }
                    div.wrapper,label.menu-btn{
                      display: none;
                    }
                    canvas{
                      margin-left: -0.5in;
                      width: 10.5in;
                     
                    }
                    div.bun a{
                      display: none;
                    }
                    
                    div.baba{
                      /* margin-left: 4in; */
                      /* width: 4in; */
                    }
                              button.lok{
                          /* margin-left: 4.5in; */
                          }
                              div.di{
                                /* margin-left: -1.7in; */
                              }
                              div.content{
                                margin-left: -1.7in;
                              }
                              img.code{
                                width:370px;
                                height:250px;
                                margin-left: 26px;
                              }
                          button.read{
                            margin-left:1.3in;
                            
                           
                          }
                              div.moan,div.moa,div.mnan,div.mu{
                                width: 4.4in;
                                
                              }
                            div.lo{
                              margin-left:1.1in;
                            }
                              div.mu,div.moa{
                                /* margin-left:2.4in; */
                              }
                             div.vb{
                               margin-left: -0.5in;
                             } 
                             div.onlyb{
                              margin-top: 8in;
                             }
                          div.firstr{margin-left: -0.5in;}
                              }
                              @media (min-width:1140px) and (max-width:1167px) {
                                img.b{
                                  margin-left: -2.6in;
                                  width: 4.8in;
                                 }
                                h1 span{
                                  font-size:32px;
                                }
                                 div.onlyu,div.onlyb,div.onlyp{
                                  width: 1.5in;
                                   
                                }
                                div.onlyp{
                                  margin-left: 4in;
                                }
                                div.onlyu{
                                  /* margin-left: 9in; */
                                }
                                 div.to{
                                  margin-left: 1in;
                                  font-size: 35px;
                                }
                                html{
                                  width: 100%;
                                }
                           
                                div.sd{
                                  font-size:19px;
                                  margin-left:0.3in;
                                }
                                div.semi{
                                  margin-left: 3.8in;
                                  width: 2in;
                                  font-size: 80px;
                                }
                                button.kab{
                                  font-size: 15px;
                                  font-weight: normal;
                                  width: 1.1in;
                                }
                                div.okd{
                                  margin-left: 0in;
                                }
                                 div.pa{
                                   width:3in;
                                   font-family:cursive;
                                   font-size: 26px;
                                   margin-left:1px;
                              
                                 }   
                                    div.dof{
                                      /* margin-left: -1.6in; */
                                    }
                                    div.cntent{
                          margin-left: -1.5in;
                                    }
                                img.scrol{
                                  width:295px;
                                  height:180px;;
                                }
                                div.box,div.gsar,div.jo{
                                  width:314px;
                                }
                                div.jo{
                                  margin-left:9.1in;
                                }
                              
                                div.rj{
                                  /* margin-left:9.2in; */
                                }
                                div.box{
                                  /* margin-left:3.2in; */
                                }
                                div.raaj{
                                  /* margin-left:3.3in; */
                                }
                                div.raaj,div.rj,div.raj{
                                  width:300px;
                                
                                }
                                div.waviy{
                                  /* margin-left: -4in; */
                                  font-size:35px;
                                 }
                          div.container input{
                            /* margin-left: -1.1in; */
                          }
                        
                          div.auj,div.ab,div.blo,div.pro{
                            /* margin-left: -0.3in; */
                          }
                          div.g{
                            /* margin-left: 3.9in; */
                          }
                        div.gh{
                          font-size: 55px;
                        }
                          img.omh{
                            /* margin-left: 1in; */
                          }
                          div.tu{
                            /* margin-left: 1.8in; */
                          }
                          button.btn{
                            /* margin-left: -0.8in; */
                          }
                          div.wrapper,label.menu-btn{
                            display: none;
                          }
                          canvas{
                            margin-left: -0.5in;
                            width: 10.5in;
                           
                          }
                          div.bun a{
                            display: none;
                          }
                          
                          div.baba{
                            margin-left: 4in;
                            width: 4in;
                          }
                                    button.lok{
                                /* margin-left: 4.5in; */
                                }
                                    div.di{
                                      /* margin-left: -1.7in; */
                                    }
                                    div.content{
                                      margin-left: -1.7in;
                                      font-size: 0.6in;
                                    }
                                    img.code{
                                      width:370px;
                                      height:250px;
                                      margin-left: 26px;
                                    }
                                button.read{
                                  margin-left:1.3in;
                                  
                                 
                                }
                                    div.moan,div.moa,div.mnan,div.mu{
                                      width: 4.4in;
                                      
                                    }
                                  div.lo{
                                    margin-left:1.1in;
                                  }
                                    div.mu,div.moa{
                                      /* margin-left:2.4in; */
                                    }
                                   div.vb{
                                     /* margin-left:-1.5in; */
                                   } 
                                   div.onlyb{
                                    margin-top: 8in;
                                   }
                                    }
                                
                                    @media (min-width:1111px) and (max-width:1140px) {
                                      img.b{
                                        margin-left: -3.1in;
                                        width: 4.8in;
                                       }
                                      h1 span{
                                        font-size:32px;
                                      }
                                       div.onlyu,div.onlyb,div.onlyp{
                                        width: 1.5in;
                                         
                                      }
                                      div.onlyp{
                                        margin-left: 4in;
                                      }
                                      div.onlyu{
                                        /* margin-left: 9in; */
                                      }
                                       div.to{
                                        margin-left: 1in;
                                        font-size: 35px;
                                      }
                                      html{
                                        width: 100%;
                                      }
                                 
                                      div.sd{
                                        font-size:19px;
                                        margin-left:0.3in;
                                      }
                                      div.semi{
                                        margin-left: 3.8in;
                                        width: 2in;
                                        font-size: 80px;
                                      }
                                      button.kab{
                                        font-size: 15px;
                                        font-weight: normal;
                                        width: 1.1in;
                                      }
                                      div.okd{
                                        margin-left: 0in;
                                      }
                                       div.pa{
                                         width:3in;
                                         font-family:cursive;
                                         font-size: 26px;
                                         margin-left:1px;
                                    
                                       }   
                                          div.dof{
                                            /* margin-left: -1.6in; */
                                          }
                                          div.cntent{
                                margin-left: -1.5in;
                                          }
                                      img.scrol{
                                        width:295px;
                                        height:180px;;
                                      }
                                      div.box,div.gsar,div.jo{
                                        width:314px;
                                      }
                                      div.jo{
                                        margin-left: 8in;
                                        margin-top: -2in;
                                      }
                                      div.gsar{
                                        /* margin-left: 3.7in; */
                                        /* margin-top: -2in; */
                                      }
                                    div.raj{
                                      /* margin-left: 3.8in; */
                                      /* margin-top: -5.9in; */
                                    }
                                      div.rj{
                                        /* margin-left: 8.1in; */
                                        margin-top: -5.9in;
                                      }
                                      div.box{
                                        /* margin-left: 3.7in; */
                                      }
                                      div.raaj{
                                        /* margin-left: 3.8in; */
                                      }
                                      div.raaj,div.rj,div.raj{
                                        width:300px;
                                      
                                      }
                                      div.waviy{
                                        /* margin-left: -4in; */
                                        font-size:35px;
                                       }
                                div.container input{
                                  /* margin-left: -1.1in; */
                                }
                              
                                div.auj,div.ab,div.blo,div.pro{
                                  /* margin-left: -0.3in; */
                                }
                                div.gh{
                                  font-size: 43px;
                                  /* margin-left: 425px; */
                                }
                                img.sam{
                                  /* margin-left: 490px; */
                                }
                              div.gh{
                                font-size: 55px;
                              }
                                img.omh{
                                  /* margin-left: 1in; */
                                }
                                div.tu{
                                  /* margin-left: 1.8in; */
                                }
                                button.btn{
                                  /* margin-left: -0.8in; */
                                }
                                div.wrapper,label.menu-btn{
                                  display: none;
                                }
                                canvas{
                                  margin-left: -0.5in;
                                  width: 10.5in;
                                 
                                }
                                div.bun a{
                                  display: none;
                                }
                                
                                div.baba{
                                  margin-left: 4in;
                                  width: 4in;
                                }
                                          button.lok{
                                      /* margin-left: 4.5in; */
                                      }
                                          div.di{
                                            /* margin-left: -1.7in; */
                                          }
                                          div.content{
                                            margin-left: -1.7in;
                                            font-size: 0.6in;
                                          }
                                          img.code{
                                            width: 357px;
                                            height: 223px;
                                            margin-left: 25px;
                                          }
                                      button.read{
                                        margin-left:1.3in;
                                        
                                       
                                      }
                                      div.moan,div.moa,div.mnan,div.mu{
                                        width: 4.2in;
                                      }
                                      div.lo{
                                        margin-left: 1.1in;
                                        font-size: 39px;
                                      }
                                          div.mu,div.moa{
                                            /* margin-left: 3.2in; */
                                          }
                                         div.vb{
                                           /* margin-left: -2in; */
                                         } 
                                         div.onlyb{
                                          margin-top: 8in;
                                         }
                                          }
                                     
                                          
                                          @media (min-width:1010px) and (max-width:1111px) {
                                            img.b{
                                              margin-left: -3in;
                                              width: 4.3in;
                                             }
                                            h1 span{
                                              font-size: 34px;
                                            }
                                             div.onlyu,div.onlyb,div.onlyp{
                                              width: 1.5in;
                                            }
                                            div.onlyp{
                                              margin-left: 3in;
                                            }
                                            div.onlyu{
                                              /* margin-left: 8in; */
                                            }
                                             div.to{
                                              margin-left: 0.6in;
                                              font-size: 35px;
                                            }
                                            li.hig{
    padding: 20px 30px;
}
                                            ul.hif{
                                              margin-left: -51px;
                                            }
                                            html{
                                              width: 100%;
                                            }
                                       
                                      
                                            div.sd{
                                              font-size:15px;
                                              margin-left:0.2in;
                                            }
                                            div.semi{
                                              margin-left: 2.8in;
                                              width: 1in;
                                              font-size: 70px;
                                            }
                                            button.kab{
                                              font-size: 12px;
                                              font-weight: normal;
                                              width: 1in;
                                            }
                                            div.okd{
                                              margin-left: 0in;
                                            }
                                             div.pa{
                                               width:2in;
                                               font-family:cursive;
                                               font-size: 26px;
                                               margin-left:1px;
                                          
                                             }   
                                                div.dof{
                                                  margin-left: -1.6in;
                                                }
                                                div.cntent{
                                      margin-left: -1.5in;
                                                }
                                            img.scrol{
                                              width: 262px;
                                              height: 160px;
                                            }
                                            div.box,div.gsar,div.jo{
                                              width: 280px;
                                            }
                                            div.jo{
                                              margin-left: 8in;
                                              margin-top: -2in;
                                            }
                                            div.gsar{
                                              margin-left: -10.7in;
                                              /* margin-top: -2in; */
                                            }
                                          div.raj{
                                            margin-left: -3in;
                                            /* margin-top: -5.9in; */
                                          }
                                            div.rj{
                                              /* margin-left: 8.1in; */
                                              margin-top: -5.9in;
                                            }
                                            div.box{
                                              /* margin-left: 3.7in; */
                                            }
                                            div.raaj{
                                              /* margin-left: 3.8in; */
                                            }
                                            div.raaj,div.rj,div.raj{
                                              width: 241px;
                                            }
                                            div.waviy{
                                              /* margin-left: -4in; */
                                              font-size:35px;
                                              /* display: none; */
                                             }
                                      div.container input{
                                        /* margin-left: -4.1in; */
                                      }
                                    
                                      div.auj,div.ab,div.blo,div.pro{
                                        /* margin-left: -0.9in; */
                                      }
                                      div.gh{
                                        font-size: 33px;
                                        /* margin-left: 356px; */
                                      }
                                            div.g{
                                              /* margin-left:307px; */
                                            }
                                      img.sam{
                                        /* margin-left: 419px; */
                                      }
                                    div.gh{
                                      font-size: 49px;
                                      /* width: 5in; */
                                    }
                                      img.omh{
                                        /* margin-left: 1in; */
                                      }
                                      div.tu{
                                        /* margin-left: 1.8in; */
                                      }
                                      button.btn{
                                        /* margin-left: -0.8in; */
                                      }
                                      div.wrapper,label.menu-btn{
                                        display: none;
                                      }
                                      canvas{
                                        margin-left: -0.5in;
                                        width: 10.5in;
                                       
                                      }
                                      div.bun a{
                                        display: none;
                                      }
                                      
                                      div.baba{
                                        /* margin-left: 4in; */
                                        /* width: 4in; */
                                      }
                                      div.content {
display: none;
                                      }
                                                button.lok{
                                            /* margin-left: 4.5in; */
                                            }
                                                div.di{
                                                  /* margin-left: -1.7in; */
                                                }
                                                div.content{
                                                  margin-left: -1.7in;
                                                  font-size: 0.6in;
                                                }
                                                img.code{
                                                  width: 281px;
                                                  height: 176px;
                                                  margin-left: 25px;
                                                }
                                            button.read{
                                              margin-left:1.3in;
                                              
                                             
                                            }
                                            div.moan,div.moa,div.mnan,div.mu{
                                              width: 4.2in;
                                            }
                                            div.lo{
                                              margin-left: 1.1in;
                                              font-size: 39px;
                                            }
                                                div.mu,div.moa{
                                                  /* margin-left: 4.2in; */
                                                }
                                               div.vb{
                                                 /* margin-left: -2.7in; */
                                               } 
                                               div.onlyb{
                                                margin-top: 8in;
                                               }
                                                }
                                           
                                                @media (min-width:924px) and (max-width:1010px) {
                                                  div.allthing{
                                                    /* display: flex; */
                                                    /* justify-content: center; */
                                                    /* align-items: center; */
                                                    /* background-color: #3b0fff; */
                                                    }
                                                  div.mnan{
                                                    margin-left: 618px;
                                                  }
                                                  div.moan{
                                                    margin-left: 588px;
                                                  }
                                                  
                                                  img.b{
                                                    margin-left: -2.4in;
                                                    width: 3.3in;
                                                   }
                                                  h1 span{
                                                    font-size: 34px;
                                                  }
                                                   div.onlyu,div.onlyb,div.onlyp{
                                                    width: 1.5in;
                                                  }
                                                  div.onlyp{
                                                    margin-left: 3in;
                                                  }
                                                  div.onlyu{
                                                    /* margin-left: 8in; */
                                                  }
                                                   div.to{
                                                    margin-left: 0.6in;
                                                    font-size: 35px;
                                                  }
                                                  html{
                                                    width: 100%;
                                                  }
                                                  li.hig{
                                                    padding: 20px 26px;
                                                  }
                                             ul.hif{
    margin-left: -55px;
}
                                            
                                                  div.sd{
                                                    font-size:15px;
                                                    margin-left:0.2in;
                                                  }
                                                  div.semi{
                                                    margin-left: 2.8in;
                                                    width: 1in;
                                                    font-size: 70px;
                                                  }
                                                  button.kab{
                                                    font-size: 12px;
                                                    font-weight: normal;
                                                    width: 1in;
                                                  }
                                                  div.okd{
                                                    margin-left: 0in;
                                                  }
                                                   div.pa{
                                                     width:2in;
                                                     font-family:cursive;
                                                     font-size: 26px;
                                                     margin-left:1px;
                                                
                                                   }   
                                                      div.dof{
                                                        margin-left: -1.6in;
                                                      }
                                                      div.cntent{
                                            margin-left: -6.1in;
                                                      }
                                                  img.scrol{
                                                    width: 262px;
                                                    height: 160px;
                                                  }
                                                  div.box,div.gsar,div.jo{
                                                    width: 280px;
                                                  }
                                                  div.jo{
                                                    margin-left: 5in;
                                                    margin-top: -2in;
                                                  }
                                                  div.gsar{
                                                    margin-left: 3.7in;
                                                    margin-top: -2in;
                                                  }
                                                div.raj{
                                                  /* margin-left: 3.8in; */
                                                  margin-top: -5.9in;
                                                }
                                                  div.rj{
                                                    /* margin-left: 5.1in; */
                                                    margin-top: -5.9in;
                                                  }
                                                  div.box{
                                                    /* margin-left: 3.7in; */
                                                  }
                                                  div.raaj{
                                                    /* margin-left: 3.8in; */
                                                  }
                                                  div.raaj,div.rj,div.raj{
                                                    width: 241px;
                                                  }
                                                  div.waviy{
                                                    /* margin-left: -4in; */
                                                    font-size:35px;
                                                    /* display: none; */
                                                   }
                                            div.container input{
                                              /* margin-left: -4.1in; */
                                              /* display: none; */
                                            }
                                          
                                            div.auj,div.ab,div.blo,div.pro{
                                              /* margin-left: -0.9in; */
                                            }
                                            div.gh{
                                              font-size: 33px;
                                              /* margin-left: 299px; */
                                            }
                                                  div.g{
                                                    /* margin-left: 297px; */
                                                  }
                                            img.sam{
                                              /* margin-left: 356px; */
                                            }
                                          div.gh{
                                            font-size: 43px;
                                            /* width: 5in; */
                                          }
                                            img.omh{
                                              /* margin-left: 1in; */
                                              width: 120px;
                                            }
                                            div.tu{
                                              /* margin-left: 0.8in; */
                                            }
                                            button.btn{
                                              /* margin-left: -6.8in; */
                                            }
                                            div.wrapper,label.menu-btn{
                                              display: none;
                                            }
                                            canvas{
                                              margin-left: -0.5in;
                                              width: 6.5in;
                                            }
                                                  
                                            div.bun a{
                                              display: none;
                                            }
                                            
                                            div.baba{
                                              /* margin-left: 4in; */
                                              /* width: 0in; */
                                            }
                                            div.content {
display: none;
                                            }
                                                      button.lok{
                                                  /* margin-left: 1.5in; */
                                                  }
                                                      div.di{
                                                        /* margin-left: -1.7in; */
                                                      }
                                                      div.content{
                                                        margin-left: -1.7in;
                                                        font-size: 0.6in;
                                                      }
                                                      img.code{
                                                        width: 281px;
                                                        height: 176px;
                                                        margin-left: 25px;
                                                      }
                                                  button.read{
                                                    margin-left:1.3in;
                                                    
                                                   
                                                  }
                                                  div.moan,div.moa,div.mnan,div.mu{
                                                    width: 3.2in;
                                                  }
                                                  div.lo{
                                                    margin-left: 1.1in;
                                                    font-size: 39px;
                                                  }
                                                      div.mu,div.moa{
                                                        /* margin-left: 4.2in; */
                                                      }
                                                     div.vb{
                                                       /* margin-left: -2.7in; */
                                                     } 
                                                     div.onlyb{
                                                      margin-top: 7in;
                                                      margin-left: 6in;
                                                     }
                                                      }
                                                      @media (min-width:921px) and (max-width:924px) {
                                                        div.mnan{
                                                          margin-left: 618px;
                                                        }
                                                        div.moan{
                                                          margin-left: 588px;
                                                        }
                                                           
                                                        img.b{
                                                          margin-left: 4.6in;
                                                          width: 4.3in;
                                                         }
                                                        h1 span{
                                                          font-size: 34px;
                                                        }
                                                         div.onlyu,div.onlyb,div.onlyp{
                                                          width: 1.5in;
                                                        }
                                                        div.onlyp{
                                                          margin-left: 3in;
                                                        }
                                                        div.onlyu{
                                                          margin-left: 8in;
                                                        }
                                                         div.to{
                                                          margin-left: 0.6in;
                                                          font-size: 35px;
                                                        }
                                                        html{
                                                          width: 100%;
                                                        }
                                                   
                                                  
                                                        div.sd{
                                                          font-size:15px;
                                                          margin-left:0.2in;
                                                        }
                                                        div.semi{
                                                          margin-left: 2.8in;
                                                          width: 1in;
                                                          font-size: 70px;
                                                        }
                                                        button.kab{
                                                          font-size: 12px;
                                                          font-weight: normal;
                                                          width: 1in;
                                                        }
                                                        div.okd{
                                                          margin-left: 0in;
                                                        }
                                                         div.pa{
                                                           width:2in;
                                                           font-family:cursive;
                                                           font-size: 26px;
                                                           margin-left:1px;
                                                      
                                                         }   
                                                            div.dof{
                                                              margin-left: -1.6in;
                                                            }
                                                            div.cntent{
                                                  margin-left: -6.1in;
                                                            }
                                                        img.scrol{
                                                          width: 262px;
                                                          height: 160px;
                                                        }
                                                        div.box,div.gsar,div.jo{
                                                          width: 280px;
                                                        }
                                                        div.jo{
                                                          margin-left: 5in;
                                                          margin-top: -2in;
                                                        }
                                                        div.gsar{
                                                          margin-left: 3.7in;
                                                          margin-top: -2in;
                                                        }
                                                      div.raj{
                                                        margin-left: 3.8in;
                                                        margin-top: -5.9in;
                                                      }
                                                        div.rj{
                                                          margin-left: 5.1in;
                                                          margin-top: -5.9in;
                                                        }
                                                        div.box{
                                                          margin-left: 3.7in;
                                                        }
                                                        div.raaj{
                                                          margin-left: 3.8in;
                                                        }
                                                        div.raaj,div.rj,div.raj{
                                                          width: 241px;
                                                        }
                                                        div.waviy{
                                                          margin-left: -4in;
                                                          font-size:35px;
                                                          display: none;
                                                         }
                                                  div.container input{
                                                    margin-left: -4.1in;
                                                    display: none;
                                                  }
                                                
                                                  div.auj,div.ab,div.blo,div.pro{
                                                    margin-left: -0.9in;
                                                  }
                                                  div.gh{
                                                    font-size: 33px;
                                                    margin-left: 299px;
                                                  }
                                                        div.g{
                                                          margin-left: 297px;
                                                        }
                                                  img.sam{
                                                    margin-left: 356px;
                                                  }
                                                div.gh{
                                                  font-size: 34px;
                                                  width: 5in;
                                                }
                                                  img.omh{
                                                    margin-left: 1in;
                                                  }
                                                  div.tu{
                                                    margin-left: 0.8in;
                                                  }
                                                  button.btn{
                                                    margin-left: -6.8in;
                                                  }
                                                  div.wrapper,label.menu-btn{
                                                    display: none;
                                                  }
                                                  canvas{
                                                    margin-left: -0.5in;
                                                    width: 6.5in;
                                                  }
                                                        
                                                  div.bun a{
                                                    display: none;
                                                  }
                                                  
                                                  div.baba{
                                                    margin-left: 4in;
                                                    width: 0in;
                                                  }
                                                  div.content {
display: none;
                                                  }
                                                            button.lok{
                                                        margin-left: 1.5in;
                                                        }
                                                            div.di{
                                                              margin-left: -1.7in;
                                                            }
                                                            div.content{
                                                              margin-left: -1.7in;
                                                              font-size: 0.6in;
                                                            }
                                                            img.code{
                                                              width: 281px;
                                                              height: 176px;
                                                              margin-left: 25px;
                                                            }
                                                        button.read{
                                                          margin-left:1.3in;
                                                          
                                                         
                                                        }
                                                        div.moan,div.moa,div.mnan,div.mu{
                                                          width: 3.2in;
                                                        }
                                                        div.lo{
                                                          margin-left: 1.1in;
                                                          font-size: 39px;
                                                        }
                                                            div.mu,div.moa{
                                                              margin-left: 4.2in;
                                                            }
                                                           div.vb{
                                                             margin-left: -2.7in;
                                                           } 
                                                           div.onlyb{
                                                            margin-top: 7in;
                                                            margin-left: 6in;
                                                           }
                                                            }
                                                          
                                                          
                                                             
                                                           
                                                             .semi{
                                                              font-size: 1.2in;
                                                             margin-left: 3in;
                                                             margin-top: 0.5in;
                                                             font-weight: 800;
                                                             font-family: serif;
                                                       animation: df 1s ,mikid 10s 2s infinite  alternate;
                                                             color: rgb(0, 0, 0);
                                                             
                                                             }
                                                             @keyframes  
                                                              
                                                              mikid {
                                                              0%{
                                                                  transform: rotate(0deg);
                                                              }
                                                              25%{
                                                                  transform: rotateX(360deg);
                                                                  text-shadow: 5px 2px 20px yellow;
                                                              }
                                                              50%{
                                                               
                                                                  text-shadow: 5px 2px 20px rgb(144, 47, 255);
                                                             
                                                              }
                                                              100%{
                                                             
                                                                  text-shadow: 5px 2px 20px rgb(144, 232, 12);
                                                              }
                                                              125%{
                                                             
                                                                  text-shadow: 5px 2px 20px rgb(132, 0, 255);
                                                              }
                                                             
                                                             
                                                             120%{
                                                             color: #2e88d7;
                                                             }
                                                             130%{
                                                             color: #3b0fff;
                                                             }
                                                             140%{
                                                             color: #0ffffb;
                                                             }
                                                             150%{
                                                             color: #c423e8;
                                                             }
                                                             
                                                             }                                                 
                                                                                                             
                                                          
                                                             
                                                           
                                                             .semi{
                                                              font-size: 1.2in;
                                                             margin-left: 3in;
                                                             margin-top: 0.5in;
                                                             font-weight: 800;
                                                             font-family: serif;
                                                       animation: df 1s ,mikid 10s 2s infinite  alternate;
                                                             color: rgb(0, 0, 0);
                                                             
                                                             }
                                                             @keyframes  
                                                              
                                                              mikid {
                                                              0%{
                                                                  transform: rotate(0deg);
                                                              }
                                                              25%{
                                                                  transform: rotateX(360deg);
                                                                  text-shadow: 5px 2px 20px yellow;
                                                              }
                                                              50%{
                                                               
                                                                  text-shadow: 5px 2px 20px rgb(144, 47, 255);
                                                             
                                                              }
                                                              100%{
                                                             
                                                                  text-shadow: 5px 2px 20px rgb(144, 232, 12);
                                                              }
                                                              125%{
                                                             
                                                                  text-shadow: 5px 2px 20px rgb(132, 0, 255);
                                                              }
                                                             
                                                             
                                                             120%{
                                                             color: #2e88d7;
                                                             }
                                                             130%{
                                                             color: #3b0fff;
                                                             }
                                                             140%{
                                                             color: #0ffffb;
                                                             }
                                                             150%{
                                                             color: #c423e8;
                                                             }
                                                             
                                                             }