* {
    box-sizing: border-box;
}

body {
    background-color:#fff9e6;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
table, th, td{
    border:0.5px solid blue;

}

.column {
    float: left;
    padding: 10px;
}

.left {
  width: 280px;
}

.right {
  width: auto;
}

.TABLE { 
  display: table; 
  width:100%;
  padding: 5px 5px;
 border: 2px solid #EEEEEE;  
 border-radius: 15px;
}
.TR { 
  display: table-row; 
}
.TH { 
  display: table-cell; 
 padding: 3px 10px;
 border: 1px   groove  #EEEEEE;  
 border-radius: 5px;

}
.TD { 
  display: table-cell; 
 padding: 3px 10px;
 border: 1px dotted #999999;  
 border-radius: 1px;

}


.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}
a:link {
  color: #007BFF; /* Initial color for unvisited links */
  text-decoration: none;
}

a:visited {
  color: #0000FF; /* Color for visited (clicked) links */
  text-decoration: none;
}

a:hover {
  color: #0056b3; /* Color when hovering */
  text-decoration: underline;
}

a:active {
  color: #0000FF; /* Color when the link is active (clicked) */
}