html {
	            justify-content: center;
	            align-items: center;
	            &user-select: none;
	        }
	
	body {
	       font-family: Arial, sans-serif;
	       display: flex;
	       justify-content: center;
	       align-items: center;
	       height: 100vh;
	       margin: 60px; 
               background-color: #f0f0f0;
        }
        
        a:link {
	color: #0000FF;
        text-decoration: none;
}

        a:visited {
        color: #00FFFF;
        text-decoration: none;
}

        a:active {
        color: #FF00A6;
        text-decoration: none;
}

s1 {
       	color: #406BCD; 
        width:640px; 
        font-size: 52px; 
        font-weight: 500;
        font-family:arial; 
        text-align:center; 
        text-shadow: 2px 1px 1px #000000;
      }

s2{
	 color: #002BFF;
         width:640px; 
         font-size: 56px; 
         font-weight: 600;
         font-family:arial; 
         display:block; 
         text-align:center; 
         text-shadow: 2px 1px 1px #DEDEDE; 
         font-family: wave monospace; 
       }         

s3 {
    	left:320px; 
        color: #000000; 
        width:640px; 
        font-size: 26px; 
        font-weight: 400;
        font-family: arial;
        text-align: justify; 
        text-shadow: 2px 1px 1px #B9B9B9; 
        display: inline-block;
       }

sf {
    	 position:absolute; 
	 left: 78px; 
         color: #FF3300;
         width:640px; 
         font-size: 48px; 
         font-weight: 500;
         font-family:arial; 
         text-align:center; 
         text-shadow: 2px 1px 1px #DEDEDE; 
       }             

sh {
    	 position:absolute; 
	     left: 38px; 
         color: #0000FF;
         width:640px; 
         font-size: 42px; 
         font-weight: 500;
         font-family:arial; 
         text-align:center; 
         text-shadow: 2px 1px 1px #DEDEDE; 
       }             

	@font-face { font-family: butterflies monospace; src: url('../../fonts/butterflies.ttf'); }      
       e {
         color: #00FF00; 
         font-size: 80px; 
         font-weight:500;
         font-family: butterflies monospace; 
         background: linear-gradient(to left,violet,
            indigo, blue, green, yellow, orange, red);
   		-webkit-background-clip: text;
           -webkit-animation-name: shimmer;     
           -webkit-animation-duration: 2s;
           -webkit-animation-iteration-count: 10;
              background-repeat: no-repeat;
              background-position: 0 0;
              background-color: #222;
    	  	color: transparent;")
         text-shadow: 3px 2px 1px #000000, 3px 2px 110px #FF00FF; 
         animation-name: fly1; 
         transform-origin: 70% 70%;  
         animation-duration: 5s;
         animation-iteration-count: 3;
         animation-direction: alternate;
         animation-timing-function: linear;
         display: inline-block;
      }     
      
        f {
         color: #00FF00; 
         font-size: 80px; 
         font-weight:500;
         font-family: butterflies monospace; 
         background: linear-gradient(to left,violet,
            indigo, blue, green, yellow, orange, red);
   		-webkit-background-clip: text;
           -webkit-animation-name: shimmer;     
           -webkit-animation-duration: 2s;
           -webkit-animation-iteration-count: 10;
              background-repeat: no-repeat;
              background-position: 0 0;
              background-color: #222;
    	  	color: transparent;")
         font-family: butterflies monospace; 
         text-shadow: 3px 2px 1px #000000, 3px 2px 110px #0000FF; 
         animation-name: fly2; 
         transform-origin: 70% 70%;  
         animation-duration: 5s;
         animation-iteration-count: 3;
         animation-direction: alternate;
         animation-timing-function: linear;
         display: inline-block;
      }     
      
 @keyframes fly1 {
	
0%{
top: -90%;
left:10%;
opacity:.2;
transform:scale(1.046) rotate3d(-88,.90,.175,-30deg) translateX(120px); 
  }

90%{
left: 120%;
top: 190%;
opacity:1;
transform:scale(1.046) rotate3d(188, 90,125, 20deg) translateX(-120px) translateY(620px); 
  }

100%{
left: 10%;
top: 130%;
opacity:1;
transform:scale(1.2) rotateZ(-60deg) 
   }
}
 
@keyframes fly2 {
	
0%{
top: -90%;
left:10%;
opacity:.2;
transform:scale(1.046) rotate3d(-88,.270,.-175,0deg) translateX(240px); 
  }

60%{
left: 220%;
top: 190%;
opacity:1;
transform:scale(1.046) rotate3d(188, 90,175, -90deg) translateX(-120px) translateY(320px); 
  }
  

80%{
left: 220%;
top: 190%;
opacity:1;
transform:scale(1.046) rotate3d(188, 90,175, 60deg) translateX(120px) translateY(620px); 
  }  

100%{
left: 20%;
top: 150%;
opacity:1;
transform:scale(1.2) rotateZ(-90deg) 
   }
}

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        
        th, td {
            padding: 20px 15px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        th {
            background-color: #0000FF;
            padding:28px;
            border:1px solid black;
            color: #FFFFFF;
            font-weight: 450;
            font-size:22px;
            text-align:center; 
            text-shadow:2px 1px 1px #B9B9B9;
        }
        
        td {
            background-color: #FFFFFF;
            padding:26px;
            border:1px solid black;
            color: #000000;
            font-weight: 400;
            font-size:23px;
            text-align:center; 
            text-shadow:2px 1px 1px #B9B9B9;
        }
        
        tr:nth-child(even) {
            background-color: #F9F9F9;
        }
        tr:hover {
            background-color: #00F1F1;
        }
        
        .feature-column {
            font-weight: bold;
            background-color: #EEFFFF;
        }
    
        .highlight {
            font-weight: 400;
            color: #FF00E6;
        }