|
- /* FONT... */
- /* MOBILE... */
-
- body {
- display: flex;
- min-height: 100vh;
- flex-direction: column;
- margin: 0;
- font-family: sans-serif;
- background-color: #173350;
- color: #E6EAEF;
- }
-
- #container {
- display: flex;
- flex: 1;
- }
-
- #container > div {
- width: 100%;
- }
-
- main, header, footer {
- background-color: rgba(0, 0, 0, 0.85);
- }
-
- main, header > div, footer > div {
- max-width: 1000px;
- width: 80%;
- padding: 1em;
- }
-
- main {
- margin: 2em auto;
- border: 1px solid #364A5F;
- }
-
- header > div, footer > div {
- margin: 0 auto;
- }
-
- header > div > div {
- display: inline-block;
- vertical-align: middle;
- }
-
- header > div > .left {
- text-align: left;
- width: 70%;
- }
-
- header > div > .right {
- text-align: right;
- width: 30%;
- }
-
- header {
- font-size: 120%;
- border-bottom: 1px solid #364A5F;
- }
-
- footer {
- font-size: 85%;
- border-top: 1px solid #364A5F;
- }
-
- a {
- color: #78CEFF;
- text-decoration: none;
- }
-
- a:hover {
- color: #68BEDD;
- text-decoration: underline;
- }
-
- #error pre {
- white-space: pre-wrap;
- }
|