a:link {
	    color: #0000FF;
        text-decoration: none;
}

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

        a:active {
        color: #FF00A6;
        text-decoration: none;
}
   
html {
            user-select: none;
        }	
	    
  body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    /* Define a container boundary for reference (optional visual aid) */
    height: 1000px; 
    position: relative;
    background: #f0f0f0;
  }
	    
  .scanner-line {
    width: 1px;
    height: 100px;
    background-color: black;
    position: absolute;
    top: 80;
    left: 20;
    animation: scan 2s linear infinite;
    
  }

  .letter-a {
    position: absolute;
    left: 60px; /* Center of the 500px scan path */
    font-weight: bold;
    color: red;
    opacity: 0;
    /* Random Y and Size set via JS variables */
    top: var(--random-y, 10px);
    left: var(--random-x, 60px);
    font-size: var(--random-size, 80px);
    animation: flash 2s infinite;
    /* Ensure the transform origin doesn't affect positioning unexpectedly */
    transform: none; 
  }

  @keyframes scan {
    0% { left: 180px; top:350px;}
    100% { left: 640px;  top:100px;}
  }

  @keyframes flash {
    0%, 80%, 100% { opacity: 0; }
    85% { opacity: 1; }
  }	
	
 s1 {
	font-size: 38px; 
	font-weight: 500;
	font-family:arial; 
	color: #00FFFF; 
	text-align:center; 
	text-shadow: 2px 1px 1px #B9B9B9; 
	display:block; 
	}
	
	s2 {
	font-size: 30px; 
	font-weight: 450;
	font-family:arial; 
	color: #0000FF; 
	display:block; 
	text-align:center; 
	text-shadow: 2px 1px 1px #B9B9B9; 
	display:block; 
	}
	
	s3 {
	width:640px; 
	color: #000000; 
	font-size: 20px; 
	font-weight: 380;
	font-family: arial;
	text-align: justify; 
	text-shadow: 2px 1px 1px #CCCCCC;
        display:block;
   }
   
sf {
	width:640px; 
	color: #FF1100; 
	font-size: 26px; 
	font-weight: 450;
	font-family: arial;
	text-align: center; 
	text-shadow: 2px 1px 1px #B9B9B9; 
	display:block; 
  }
	   
@font-face { font-family: mob monospace; src: url('../../fonts/samurai.ttf'); } 
       h7{
         color: #FF1100; 
         font-size: 53px; 
         transform: scale (3, 2);
         text-align:center; 
         font-family: mob monospace; 
         text-shadow:2px 1px 1px #FFFF00;
         display:block; 
      }    
    
        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:justify; 
            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;
        }