@media (prefers-color-scheme: dark) {
	:root {
	  --background: #000000;
	  --text-color: #ffffff;
	  --shadow-color: #ffffff;
	}
}

@media (prefers-color-scheme: light) {
	:root {
	  --background: #fffafa;
	  --text-color: #000000;
	  --shadow-color: #000000;	  
}}

   
tr, td {
   padding: 20px 10px 5px;
   border: 0px solid silver;
   border-radius: 5px; 
   font-weight: bold;
   font-size: 1.1em; 
   } 

th {
   padding: 0px 10px 5px;
   text-align: left;
   font-size: 0.7em; 
}

u {
    color: rgba(255,250,250,0);
}

.tabbed figure { 
   display: block; 
   margin-left: 0; 
   border-bottom: 0px solid silver;
   clear: both;
    } 
.tabbed > input,
.tabbed figure>div { display: none; }
.tabbed figure>div {  
  
  border: 0px solid silver;    
  letter-spacing: 0.3px;  
  }
#tab1:checked ~ figure .tab1, #tab2:checked ~ figure .tab2, #tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4,
#tab5:checked ~ figure .tab5,
#tab6:checked ~ figure .tab6 { 
display: block; } 
figure nav label {
   float: ;
   font-size: 1em;  
   width: 100%;   
   border: 0px solid silver;
   font-weight: bold;
   
   }
figure nav label:nth-child(1) {
    border: 0px solid silver;}
figure nav label:hover {     
  cursor: pointer;
    }
figure nav label:active {   
   box-shadow: inset 0 0 20px 0 var(--shadow-color);
   border-radius: 30px ;  }
#tab1:checked ~ figure nav label[for="tab1"],
#tab2:checked ~ figure nav label[for="tab2"],
#tab3:checked ~ figure nav label[for="tab3"],
#tab4:checked ~ figure nav label[for="tab4"],
#tab5:checked ~ figure nav label[for="tab5"],
#tab6:checked ~ figure nav label[for="tab6"] 
 {
  font-weight: bold;
  position: relative;
  border-bottom: 0px;
   box-shadow: inset 0 0 20px 0 var(--shadow-color);
   border-radius: 30px ;
  }
  
#tab1:checked ~ figure nav label[for="tab1"]:after,
#tab2:checked ~ figure nav label[for="tab2"]:after,
#tab3:checked ~ figure nav label[for="tab3"]:after,
#tab4:checked ~ figure nav label[for="tab4"]:after,
#tab5:checked ~ figure nav
label[for="tab5"]:after,
#tab6:checked ~ figure nav
label[for="tab6"]:after
{content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 100%;
  background: black ;
  left: 0;
  bottom: -1px;}