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

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

        a:active {
        color: #FF00A6;
        text-decoration: none;
}
 
html {
       justify-content: center;
       align-items: center;
       &user-select: none;
      }
	
body {
      width; 720px; 
      font-family: Arial, sans-serif;
      justify-content: center;
      align-items: center;
      align:center; 
}

s1{
	width:720px; 
        font-size: 45px; 
        font-family:arial;
        font-weight: 800;
        color: #00FFFF; 
        text-align:center;
        text-shadow: none; 
}

s2 {
  	 color:#0000FF; 
         font-weight:500;
         font-size:38px; 
         font-family:arial; 
         text-shadow: 2px 2px 1px #B9B9B9;
         width:640px; 
         text-align: center;
         display: block;         
        }      
        
s3 {
	left: -200px; 
        color: #000000; 
        width:720px; 
        font-size: 32px; 
        font-weight: 380;
        font-family: arial;
        text-align: center; 
        text-shadow: 2px 1px 1px #B9B9B9; 
        display: inline-block;
       }
    
        body {
            font-family: Arial, sans-serif;
            margin: 22px;
        }
        table {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 20px;
        }
        th, td {
            border: 1px solid #333333;
            padding: 8px;
            text-align: left;
        }
 th {
        background-color: #0000FF;
        color: #FFFFFF;
        font-size: 23px; 
        font-weight: 450;
        font-family: arial;
        text-align: center; 
        text-shadow: 2px 1px 1px #B9B9B9; 
        cursor: pointer;
        }
        th:hover {
            background-color: #FF00FF;
        }
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        
  td {
        background-color: #FFFFFF;
        color: #000000;
        font-size: 20px; 
        font-weight: 400;
        font-family: arial;
        text-align: center; 
        text-shadow: 2px 1px 1px #B9B9B9; 
        cursor: pointer;
       }      
        
        .sort-asc::after {
            content: " ↑";
        }
        .sort-desc::after {
            content: " ↓";
        }