@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700); body { display: flex; min-height: 100vh; flex-direction: column; margin: 0; font-family: "Open Sans", sans-serif; line-height: 1.3; color: #EAEAEA; background-color: black; background-size: cover; background-position: center; background-attachment: fixed; } a { color: #78CEFF; text-decoration: none; } a:hover { color: #68BEDD; text-decoration: underline; } #container { display: flex; flex: 1; } #container > div { width: 100%; } main, header, footer { background-color: rgba(0, 0, 0, 0.75); border-color: #4A4A4A; } main { border-width: 1px; border-style: solid; } header { font-size: 120%; border-bottom-width: 1px; border-bottom-style: solid; } footer { padding: 0.5em 0; font-size: 85%; text-align: center; color: #BABABA; border-top-width: 1px; border-top-style: solid; } header > div, footer > div { margin: 0 auto; } header > div > div { display: inline-block; } @media (min-width: 800px) { main, header > div, footer > div { max-width: 1000px; width: 80%; } main { margin: 2em auto; padding: 0.5em 1.5em; } footer > div { padding: 0.5em 1.5em; } header > div > .left { margin: 0.5em 1.5em 0.5em 0; } header > div > .right { margin: 0.5em 0; float: right; } } @media (max-width: 799px) { main { margin: 1.5em auto; padding: 0 1em; } footer > div { padding: 0.5em 1em; } header > div > div { margin: 0.5em 1em; } header > div > .left { margin-bottom: 0em; } } header a { color: #EAEAEA; } header a:hover { color: #BABABA; text-decoration: none; } header .aligned { vertical-align: middle; } footer ul { margin: 0; padding: 0; } footer ul li { display: inline-block; list-style: none; } footer ul li:not(:last-child):after { content: " \00b7"; } #corp-masthead { height: 30px; margin-right: 0.25em; } #login-button { height: 30px; } #error pre { white-space: pre-wrap; }