html {  
background-color: lightcyan;

}
body { 
text-align: center; 
    
}

table {  
margin: auto;
caption-side: bottom;
border-spacing: 0px;
border-width: 256px;
    
}

td {  
width: 256px;
height: 256px;
text-align: center;
transition-timing-function: ease-out;
transition-duration: 2s;
  
}

#bio:hover {
background-color: transparent;
    
}

#rad:hover {  
background-color: transparent;
    
}

#yin:hover { 
background-color: transparent;
    
}

#bio {
background-color: #ff7f00;    
    
}

#rad {  
background-color: #ffff00    
    
}

#yin {
    
background-color: #ffffff;    
    
}

td:target > img {
display:none;
    
}
    
    
}

h1 {   
font-size: 200%;
    
}

h2 {  
font-size: 150%;    
    
}

a {    
font-size: 125%;   
background-color: white; 
font-family: bold;
padding: 0.25em;
text-decoration: none;
    
}

#joke {   
background-color: lightgrey;
color: lightgrey;
width: 8em;
padding: 1.5px;
margin: auto;
transition-timing-function: linear;
transition-delay: 0.5s;
transition-duration: 3s;

    
}

#joke:hover {   
color: black;    
    
}

a:visited {   
color: red;
    
}

a:active {   
color: green;    
    
}
a:hover { 
color: blue;    
    
}

a:default {   
color: black;    
    
}