label{
         position:absolute;
         right:-1000px;
         font-size: var(--mainfont-size);
         transition: right 1s;
         transition: top 0.5s;
      }

      input {
         position:absolute;
         right:-1000px;
         font-size: var(--mainfont-size);
         border-radius: 5px;
         padding: 8px 9px;
         transition: right 0.5s;
      }

      select {
         position:absolute;
         right:-1000px;
         font-size: var(--mainfont-size);
         border-radius: 5px;
         padding: 8px 9px;
         transition: right 0.5s;
      }

      input[type="submit"] {
         position:absolute;
         top:-1000px;
         right:600px;
         background-color: var(--mainbox-color);
font-size: var(--mainfont-size);
   border-radius: 10px;
         transition: top 1s;
      }

      #hint{animation-name: opacitygrow;animation-duration: 3s;top:100px;right:100px;}
      #lname{top:100px;}
      #lfamily{top:200px;}
      #lnationalid{top:300px;}
      #lmobile{top:400px;}
      #lparent{top:500px;}
      #lschool{top:600px;}
      #lgrade{top:700px;}
      #lbirth{top:800px;}
      #laverage{top:900px;}
      #lintroducer{top:1000px;}
      #name{top:100px;}
      #family{top:200px;}
      #nationalid{top:300px;}
      #mobile{top:400px;}
      #parent{top:500px;}
      #school{top:600px;}
      #grade{top:700px;}
      #birth{top:800px;width:100px;}
      #month{top:800px;width:60px;}
      #day{top:800px;width:60px;}
      #average{top:900px;}
      #introducer{top:1000px;}
      #nextbtn{
         right:300px;
         top:900px;
         animation-name: rtl3;
         animation-duration: 12s;
         transition: top 1s;
      }
      #prevbtn{
         right:50px;
         top:-1000px;
         transition: top 1s;
      }
      #bg{
         position:relative;
         width:1000px;
         height:1200px;
      }



      @keyframes rtl1 {0%   {right:-1000px;}100%    {right:100px;}}
      @keyframes opacitygrow {0%   {opacity:0;}75%    {opacity:0;}100%    {opacity:1;}}

      @keyframes rtl2 {0%   {right:-1000px;}75%    {right:-1000px;}100% {right:100px;}}
      @keyframes rtl3 {0%   {right:-1000px;}75%    {right:-1000px;}100% {right:300px;}}