.app > div.page { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; color: #FF790D; font-size: 1.2vmax; font-family: "Helvetica", sans-serif; } .page a { color: #FF790D; text-decoration: none; font-weight: bold; } .page a:hover { text-decoration: underline; } .page-title { font-family: 'Druk'; font-style: italic; text-transform: uppercase; font-size: 14vw; text-align: center; line-height: 1; white-space: nowrap; cursor: default; } .page-title span { margin-left: -0.45vw; } .page-content { margin-left: 6rem; width: calc(100vw - 12rem); display: flex; flex-direction: row; justify-content: space-around; } /* credits */ .app > div.page.page-credits { background: #FF790D; color: #000; } .app > div.page.page-credits .page-title { color: #fff; text-shadow: 0 0 5px #000; } .app > div.page.page-credits .home-link { color: #000; } .app > div.page.page-credits .home-link:hover { color: #fff; } .app > div.page.page-credits a { color: #000; } .page-left { width: 33%; } .page-right { width: 66%; } .page-subtitle { text-align: center; font-family: 'Druk Wide', sans-serif; text-transform: uppercase; font-size: 2vw; } .page-credits .page-subtitle { margin-bottom: 1rem; } .columns { display: flex; flex-direction: row; } .credits-rows { margin-bottom: 1.1rem; } .credits-rows > div { display: flex; flex-direction: row; } .credits-rows > div > div:first-child { width: 33%; } .page-right .column { width: calc(66% - 0.5rem); } .page-right .column:first-child { margin-right: 1rem; } .build-credits div { width: 20vw; } .build-credits div a { font-weight: bold; } .page-credits .icons { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 3vh 0 6vh 0; width: 100%; } .page-credits .icons img { height: 7vh; margin-right: 5vh; } .page-credits .icons img.pcai { height: 8vh; } .page-credits .page-title { padding-top: 1rem; width: 100%; text-align: center; } .page-credits .page-title svg { width: calc(100vw - 12rem); }