html, body {height: 100%; width:100%; margin: 0; overflow:hidden}
div {font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}
#menu {width: 360px; height: 100%; position: fixed; z-index: 1; top: 0; left: 0; background-color: white; overflow-x: hidden}
#header {cursor:pointer}
#logo {background:url(‘//sci-hub.tw/misc/img/ravenround.gif’) no-repeat;width: 165px;height:157px;margin-left:18px}
#sci {background:#bbb;color:white;margin: 50px 0 0 10px; padding:5px 20px 5px 25px;font-size:38px}
#sci:hover {background:#B22222}
#motto {color:#999; margin: 18px 0 0 24px;font-size: 18px}
#buttons {margin-top: 55px; width: 100%; font-size: 22px}
#buttons a {color:#999; text-decoration:none}
#buttons a:hover {color:#999}
#buttons ul {margin: 0; padding: 0; margin-left: 12px}
#buttons ul li {display: inline; margin-left: 6px; padding: 12px}
#buttons ul li:hover {border: solid 1px #999; border-radius: 8px}
#citation {margin: 48px 25px 0 25px; font-size: 18px; cursor: pointer}
#citation:active {color:#aaa}
#citation a {color:#666;text-decoration:none}
#citation a:hover {text-decoration:underline}
#description {margin: 25px 0 0 0; text-align: center; font-size: 18px; width: 100%; padding: 12px 24px 12px 0}
#description a {color: green; text-decoration: none}
#link {margin: 12px 0 0 25px; font-size: 16px; color:#aaa}
#link a {color: #aaa; text-decoration: underline}
#social {margin: 32px 0 0 25px; font-size: 18px; color:#aaa}
#social a {color: #333; text-decoration:none}
#social a:hover {color: #B22222}
#creator {margin: 10px 0 0 25px; font-size: 18px; color: #aaa}
#creator a {color: #333; text-decoration:none}
#creator a:hover {color: #B22222}
#article {margin-left: 360px; height:100%}
iframe {width:100%;height:100%}
td {vertical-align:top}
