html{background-color: lightcyan}
body{font-family: sans-serif; text-align: center}
h1{font-size: 200%}
h2{font-size: 150%}
caption{text-align: center}
a{text-decoration: none; font-weight: bold; font-size: 125%; color: black; background-color: white; padding: 0.25em}
a:active{color: green}
a:visited{color: red}
a:hover{color: blue}
table{text-align: center; margin-left: auto; margin-right: auto; caption-side: bottom; border-collapse: collapse;}
td{margin-left: auto; margin-right: auto; width: 256px; height: 256px}
td:target > img {display: none}
#joke{margin-left: auto; margin-right: auto; width: 8em; padding: 1.5em; text-align: center; background-color: lightgray; color: lightgray}
#joke:hover{transition-timing-function: linear; transition-delay: 0.5s; transition-duration: 3s; color: black}
#bio{background-color: #ff7f00}
#rad{background-color: #ffff00}
#yin{background-color: #ffffff}
#bio:hover{transition-delay: none; transition-timing-function: ease-out; transition-duration: 2s; background-color: transparent}
#rad:hover{transition-delay: none; transition-timing-function: ease-out; transition-duration: 2s; background-color: transparent}
#yin:hover{transition-delay: none; transition-timing-function: ease-out; transition-duration: 2s; background-color: transparent}