@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 { background-color: rgb(208, 224, 240); //background-color: rgb(48, 96, 144); color: rgb(64, 64, 64); //color: rgb(192, 192, 192); margin: 0; } b { font-family: Source Serif Semibold; } em, i { font-family: Lora Italic; } #head { background-color: rgb(48, 96, 144); height: 80px; left: 0; position: fixed; right: 0; top: 0; z-index: 1; } #icf_icon { height: 64px; left: 64px; position: absolute; top: 8px; } #icf_the { height: 22px; left: 136px; position: absolute; top: 49px; } #icf_logo { height: 22px; left: 183px; position: absolute; top: 49px; } #link { display: none; color: rgb(208, 224, 240); font-family: Source Serif Semibold; font-size: 15px; //font-weight: bold; position: absolute; right: 16px; text-decoration: none; top: 56px; z-index: 1; } #link:hover { color: rgb(255, 255, 255); } #timeline { height: 64px; left: 0; overflow: hidden; position: fixed; right: 0; top: 80px; z-index: 1; } #timeline > img { height: 64px; position: absolute; } #menu { background-color: rgb(48, 96, 144); color: rgb(192, 192, 192); font-family: Source Serif Semibold; font-size: 18px; height: 24px; left: 0; letter-spacing: 0.5px; padding: 8px 12px 8px 64px; position: fixed; right: 0; text-shadow: 0 -0.25px rgb(192, 192, 192), 0.25px 0 rgb(192, 192, 192), 0 0.25px rgb(192, 192, 192), -0.25px 0 rgb(192, 192, 192); top: 144px; z-index: 1; } #menu > a { color: rgb(208, 224, 240); text-decoration: none; } #menu > a:hover { color: rgb(255, 255, 255); } #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: 16px 0 32px 0; position: absolute; text-align: justify; top: 184px; width: 800px; } .section:not(.selected) { display: none; } .section a { color: rgb(48, 96, 144); //text-decoration: none; } .section a:hover { text-decoration: underline; } @media (max-width: 768px) { .section { left: 0px; padding: 16px 32px 32px 32px; width: 640px; } #menu { padding-left: 32px; } }