#ascroll { font-family: "noto_sans"; width: 100%; color: #333; h1 { padding: 4px; padding-top: 32px; font-size: 20px; letter-spacing: 1px; font-weight: bold; max-width: 1080px; margin: auto; } h2 { padding: 4px; max-width: 1080px; margin: auto; } .intro { padding: 4px; padding-bottom: 64px; max-width: 1080px; margin: auto; } .vbox { max-width: 1080px; margin: auto; } .player { position: absolute; display: none; width: 100%; height: auto; max-width: 1080px; margin: auto; //transition: opacity 0.4s; } .annotation { min-height: 100vh; .frame { max-width: 1080px; margin: auto; img { width: 100%; height: auto; } figcaption { text-align: right; padding-right: 4px; font-size: 14px; } } .text { max-width: 1080px; margin: auto; padding: 20px 20px; font-size: 22px; line-height: 26px; } } }