| body { |
| margin: 0; |
| padding: 0; |
| background-color: #444; |
| color: #fffdf3; |
| font-weight: 100; |
| font-family: 'Lato', sans-serif; |
| font-size: 18px; |
| } |
| |
| #page { |
| max-width: 42rem; |
| margin: auto; |
| padding-top: 2rem; |
| padding: 1rem; |
| } |
| |
| p { |
| line-height: 150%; |
| text-align: justify; |
| } |
| |
| .logo { |
| max-width: 10rem; |
| max-height: 20vh |
| } |
| |
| h1 { |
| font-size: 30px; |
| } |
| h2 { |
| font-size: 20px; |
| } |
| |
| h1, h2, h3, h4 { |
| padding-top: 1rem; |
| text-align: center; |
| font-family: 'Allerta', sans-serif; |
| margin: 0; |
| color: #fff; |
| } |
| |
| pre { |
| background-color: #141000; |
| padding: 1rem; |
| } |
| |
| a { |
| color: #fffdf3; |
| } |
| |
| b { |
| font-weight: 800; |
| } |
| |
| ul { |
| padding: 0 0 0 1em; |
| } |
| |
| li { |
| list-style: none; |
| } |
| |
| li i { |
| font-size: 0.8em; |
| } |
| |
| #map { |
| width: 100%; |
| height: 40vh; |
| margin-bottom: 1rem; |
| } |
| |
| #background-logo { |
| position: absolute; |
| width: 100%; |
| height: 100%; |
| z-index: -10; |
| } |
| |
| #background-logo img { |
| opacity: 3%; |
| margin-top: 2%; |
| margin-left: 5%; |
| } |
| |
| #footer { |
| margin-top: 2rem; |
| font-size: 0.8rem; |
| opacity: 60%; |
| } |
| |
| #quicklinks { |
| float: right; |
| font-family: monospace; |
| font-size: 14px; |
| margin: 2rem; |
| } |