html {height:100%}
body {margin:1px auto;box-sizing:border-box;width:1000px;height:calc(100vh - 4px);text-align:center;background:#5aa;border-radius:13px;overflow-x:auto;font-family:Verdana, Geneva, sans-serif}
a {text-decoration:none}
hr {margin:7px auto;clear:both;height:4px;width:75%;border:0;border-radius:50%;background:linear-gradient(to right, #999, #eee, #999)}
#Title {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 {width:200px;height:calc(100vh - 41px);overflow-y:auto;background-color:#7ff;border-radius:0 0 0 10px}
nav a {margin:0 10px;display:block;color:#333;text-shadow:0 0 5px #e55}
nav a:hover {cursor:zoom-in;color:#a33}
main {position:absolute;top:39px;right:calc(50% - 500px);padding:5px;overflow-y:auto;background-color:#eff;width:787px;height:calc(100vh - 52px);border-radius:0 0 10px 0}
main img {margin:0 auto;height:75vh}
#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}