@font-face { font-family: "ARK-ES" format("otf"); src: url("/fonts/ARK-ES-DenseRegular.otf"); } @font-face { font-family: "Aquino" format("otf"); src: url("/fonts/Aquino.otf"); } @font-face { font-family: "Combine" format("otf"); src: url("/fonts/Combine.otf"); } @font-face { font-family: "Inconsolata" format("ttf"); src: url("/fonts/Inconsolata-Regular.otf"); } .content, html, body { height: 100%; } #left { float: left; width: 50%; height: 100%; background: #d1dfc3; overflow-y: auto; } #right { float: left; width: 50%; background: #fdfae3; height: 100%; overflow-y: auto; } img { width: 50%; padding: 20px; } #caption1 { float: right; } #title { padding-left: 20px; font-family: "ARK-ES"; font-weight: normal; font-size: 70px; } #subtitle { font-size: 30px; padding-left: 20px; font-family: "ARK-ES"; margin-top: -40px; } .description { font-size: 16px; padding-left: 20px; padding-right: 60px; margin-top: 40px; } .anarchive { padding-left: 20px; } h1 { padding-left: 20px; } .question { font-size: 22px; font-family: "ARK-ES"; } .details { display: none; margin-top: 1em; } a { text-decoration-style: dashed; text-decoration-skip-ink: none; text-decoration-color: blue; color: black; } .dash { font-family: "ARK-ES"; }