body {color: #000000; font-family:tahoma; font-size: 14px;}
.birthday {text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.content {border-width: 0px; background-color: #ffffff; width: 790px;}
.name {color: #808000; font-size: 24px; font-weight:bold;}
a.name:hover {color: #0000FF; background-color:transparent;}
a.name {color: #808000;}
.age {color: #000000; font-size: 14px; font-weight:normal;}
img {margin-top: 12px;}
span {color:#898989; font-size:12px;}
a {text-decoration:none; color:#000000;}
a:hover {text-decoration:none; border-radius: 10px; background-color:#FFFF00; }
.container {position: relative; width: 200px;}
.image {opacity: 1; display: block; width: 200px; height: auto; transition: .5s ease; backface-visibility: hidden;}
.middle {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.container:hover .image {opacity: 0.3;}
.container:hover .middle {opacity: 1;}
sup {vertical-align: middle; font-size: smaller;}
ul {list-style-type: none; margin-left:-20px;}
ul li::before {content: "\2022"; color: red; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;}
::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-track {border-radius: 10px; border: 1px solid black; margin:10px 0px 10px 0px;} 
::-webkit-scrollbar-thumb {background: #808000; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #0080C0;}
.button {background-color: #808000;  border: 1px solid black; color: white; padding: 6px 22px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; transition-duration: 0.4s; cursor: pointer; border-radius: 35px; box-shadow: 5px 8px 8px #000000;}
a.button:hover {border-radius: 35px; text-decoration:none; background-color:#FFFFFF; color:#000000; border: 1px solid black; }
.buttontree {text-align:center; margin-top:10px;}
.spacethree {padding-right:10px; }
.spaceleft {padding-left:10px; }