:root
            {
              --theme:rgba(0, 181, 240,0.99);  
              --themebg:linear-gradient(45deg, rgba(0, 181, 240,0.99),rgba(211, 0, 240,0.99) );
               /*---------------------header----------------------*/
              --headerbg:rgba(189, 131, 216, 0.9);
              --headerfontcolor:rgba(255, 255, 255, 1.0);
              --headerfontcolorhover:rgba(255, 255, 255, 1.0);
              --headerbtnbg:rgba(228, 156, 228, 0.99);
              --headerbtnbghover:rgba(228, 156, 228, 0.99);
              /*---------------------footer----------------------*/
              --footerbg:rgba(189, 131, 216, 0.25);
              --footerfontcolor:#888;
              --footerbtnbg:rgba(228, 156, 228, 0.99);
              --footerbtnbghover:rgba(228, 156, 228, 0.99);
             
              /*---------------------btn----------------------*/
              --btnbg:rgba(124, 202, 177, 0.99);
              --btnbghover:rgba(124, 202, 177, 0.99);
              --btncolor:#fff;
              /*---------------------headeing-----------------*/
              
              --headingbg:rgba(129, 211, 180, 0.99);
              --headingcolor:#fff;
              --headingonly:rgba(189, 131, 216,1);
              
              /*---------------------shadow-------------------*/
              
              --sd:0px 0px 10px 0px grey;
              --sdhover:0px 0px 10px 0px grey;
              --boxsd:1px 1px 4px 1px grey;
              --boxsdhover:1px 1px 1px 2px grey;
              
              /*------------------other----------*/
              
              --borderradius:20px;
              --shadow:0px 0px 10px 0px grey;
              --shadowhover:0px 0px 15px 0px grey;
              
              /*------------------------inputbg---------------------*/
              
               --inputbg:white;
              --plcaholdercolor:#bbb;
              --selectcolor:green;
              --inputborder:green;
              --inputborderhover:#444;
              --inputcolor:rgba(189, 72, 143, 1.0);
            }
            body
            {
               background-image:url(https://villagematrimonial.com/image/preview.jpg);
               background-repeat:no-repeat;
               background-size:cover;
               background-position:center;
            }
            *
            {
               font-family: 'Poppins', sans-serif;
               margin: 0;
               padding: 0;
               box-sizing:border-box;
               outline: none;
               border: none;
               text-decoration:none;
               transition-duration:all .03s lenear;
            }
            .html
              {
               font-size:100%;
               overflow-x: hidden;
               scroll-behavior: smooth;
               scroll-padding-top: 7rem;
            }
          @import url('https://fonts.googleapis.com/css2?family=Oleo+Script+Swash+Caps:wght@400;700&family=Oleo+Script:wght@400;700&family=Sail&display=swap');
           @keyframes up2down
           {
              0%
              {
                transform: translateY(-180%);
              }
              100%
              {
                transform: translateY(0%);
              }
           }
           @keyframes down2up
           {
              0%
              {
                transform: translateY(180%);
              }
              100%
              {
                transform: translateY(0%);
              }
           }
           @keyframes left2right
           {
              0%
              {
                transform: translateX(-180%);
              }
              100%
              {
                transform: translateX(0%);
              }
           }
           @keyframes right2left
           {
              0%
              {
                transform: translateX(180%);
              }
              100%
              {
                transform: translateX(0%);
              }
           }
           @keyframes scale
           {
              0%
              {
                transform: scale(0.7);
                opacity:0;
              }
              100%
              {
                transform: scale(1.0);
                opacity:1;
              }
           }