.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; } .page-title { font-family: 'Druk'; font-style: italic; text-transform: uppercase; font-size: 14vw; text-align: center; line-height: 1; white-space: nowrap; } .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 */ .page-left { display: flex; flex-direction: column; justify-content: space-between; width: 66%; height: 100%; } .page-right { width: 33%; } .page-subtitle, .page-credits .curated-by, .page-credits-artists div { text-align: center; font-family: 'Druk Wide', sans-serif; text-transform: uppercase; font-size: 2vw; } .build-credits { display: flex; flex-direction: row; justify-content: space-around; padding: 1vw 0; } .build-credits div { width: 20vw; } .build-credits div a { font-weight: bold; } .page-credits .icons { padding: 1vw 0; text-align: center; } .page-credits .icons svg { height: 4vmax; margin-right: 2vmax; } .page-credits .curated-by { margin-top: 1vw; }