body { display: flex; justify-content: center; align-items: center; flex-direction: column; align-content: center; width: 100%; height: 100%; padding: 0 0 0 0; margin: 0 0 0 0; overflow: hidden; background-color: black; --is-mobile: 0; } @media (pointer: coarse) { body { --is-mobile: 1; } } .overlay { width: 100%; height: 100vh; position: fixed; opacity: 0.03; z-index: 1; background-image: url("/img/noise.gif"); background-size: 25%; } @media (pointer: coarse) { .overlay { background-size: 200%; } } .outerdiv { display: flex; justify-content: center; align-items: center; flex-direction: column; align-content: center; width: 90%; height: 100vh; background-color: #091519; flex-direction: column; } @media (pointer: coarse) { .outerdiv { width: 100%; } } .contentholder { justify-content: flex-start; } .contentholder div { width: 30rem; margin: 1% 0; } @media (pointer: coarse) { .contentholder div { width: 20rem; } } .contentholder .contentholder__topfiller { height: 5%; background-color: transparent; } .content { z-index: 100; } h1 { color: #F5A9B8; font-family: serif; font-size: xx-large; margin: 5px 5px; text-align: center; } h2 { color: #FFFFFF; font-family: serif; font-size: medium; margin-top: -8px; text-align: center; } p, li { color: #FFFFFF; font-family: sans-serif; font-size: large; text-align: left; margin: 5px 0px; } ol { margin: 0px 0px; } li { list-style-type: none; } li:before { content: "- "; } a { text-decoration: none; }