html { height: 100%; font-size: 16px; box-sizing: border-box; }

*, *::before, *::after { box-sizing: inherit; }

a { color: #a37448; }

a:hover { color: #febe32; }

body { height: 100%; margin: 0; padding: 2rem; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: black url(/images/dirt.jpg) 50% 0 no-repeat fixed; color: white; }

.mainContainer { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 85%; }

.mainHeader { position: absolute; display: block; width: 32px; height: 32px; overflow: hidden; white-space: nowrap; text-indent: 32px; }

.mainContent { height: 80%; height: calc(100% - 3.5rem); width: auto; }

.keyvisual { display: inline-block; height: 100%; width: auto; box-shadow: 0 0 20px black; margin: 0; }

.keyvisual img { display: block; max-height: 100%; width: auto; }

.linkList { list-style: none; margin: 0; padding: 1rem 0; }

.linkList li { display: inline-block; margin: 0 0.5rem; }

.linkList svg { height: 1.5rem; width: auto; }