html {height:100%}
body {margin:1px auto;box-sizing:border-box;width:1000px;height:calc(100vh - 4px);background:#5aa;overflow-x:auto;font-family:Verdana, Geneva, sans-serif}
a {text-decoration:none;text-shadow:0 0 5px #faa}
a:hover {text-shadow:0 0 5px #e44}
hr {margin:7px auto;clear:both;height:4px;width:75%;border:0;border-radius:50%;background:linear-gradient(to right, #999, #eee, #999)}
#Title {text-align:center;font-size:19px;font-weight:bold;background-color:#dee;border-bottom:solid 2px #000;border-radius:10px 10px 0 0}
#Title img {height:36px;vertical-align:middle}
#Title b {display:block;margin:-17px 0 3px 3px;width:fit-content;color:#f62;font-size:11px}
nav {display:inline-block;vertical-align:top;text-align:center;width:200px;max-height:calc(100vh - 41px);overflow-y:auto;background-color:#7ff;border-radius:0 0 0 10px}
nav a,nav h3,nav h5,nav h6,nav p {margin:2px 30px;display:block;color:#333;text-shadow:0 0 5px #e55}
nav a:hover,nav h3:hover {cursor:zoom-in;color:#a33}
#Data,.lnk {font-size:13px}
#Years {display:none}
main {display:inline-block;vertical-align:top;margin-left:3px;padding:5px;overflow-y:auto;background-color:#eff;width:787px;height:calc(100vh - 52px);border-radius:0 0 10px 0}
main h3 {margin:0}
main h3 span {font-size:16px;font-weight:normal}
#Ftrs a {margin:4px 0;padding:3px 9px;display:block;width:fit-content;min-width:280px;font-size:13px;font-weight:bold;background-color:#7ff;border:#f84 2px solid;border-radius:9px}
#Years a {font-size:13px}
#Years a:hover {color:#eee;background-color:#333;border-radius:5px}
menu {background-color:#8ee}
#X {z-index:99;position:fixed;margin:5px;padding:1px 2px 0px;width:fit-content;line-height:18px;cursor:zoom-out;border:solid 3px #c30;background-color:#fbb;border-radius:5px;font-family:sans-serif}
#X:hover {background-color:#d99;border-radius:5px}