@font-face { font-family: Source Serif; src: url(ttf/SourceSerifPro-Regular.ttf); } @font-face { font-family: Source Serif Semibold; src: url(ttf/SourceSerifPro-Semibold.ttf); } body { color: rgb(64, 64, 64); margin: 0; } a { color: rgb(255, 128, 0); text-decoration: none; } a:hover { text-decoration: underline; } b { font-family: Source Serif Semibold; } em, i { font-family: Lora Italic; } #head { background-color: #1f618d; height: 80px; left: 0; position: fixed; right: 0; top: 0; z-index: 1; } #icf_the { height: 22px; left: 9px; position: absolute; top: 49px; } #icf_icon { height: 64px; left: 64px; position: absolute; top: 8px; } #icf_logo { height: 22px; left: 136px; position: absolute; top: 49px; } #link { display: none; font-family: Source Serif Semibold; font-size: 15px; //font-weight: bold; position: fixed; right: 16px; top: 154px; z-index: 100; } #timeline { background-color: rgb(192, 192, 192); height: 64px; left: 0; overflow: hidden; position: fixed; right: 0; top: 80px; z-index: 1; } #timeline > img { height: 64px; position: absolute; user-select: none; -webkit-user-select: none; } #menu { background: #1f618d; border-bottom: 1px dotted rgb(255, 128, 0); color: rgb(192, 192, 192); font-family: Source Serif Semibold; font-size: 18px; height: 24px; left: 0; padding: 8px 12px; position: fixed; right: 0; top: 144px; z-index: 1; } #menu > a { color: rgb(192, 192, 192); text-decoration: none; } #menu > a:hover { color: rgb(224, 160, 96); } #menu > a.selected { color: rgb(255, 128, 0); } #menu > a.selected { cursor: default; } .section { font-family: Source Serif; font-size: 16px; line-height: 24px; left: 64px; padding-bottom: 32px; position: absolute; text-align: justify; top: 192px; width: 800px; } .section:not(.selected) { display: none; } @media (max-width: 768px) { .section { width: 600px; } }