107 lines
1.4 KiB
CSS
107 lines
1.4 KiB
CSS
/* Background */
|
|
body {
|
|
background-color: #FBFFFF;
|
|
}
|
|
|
|
/* Typography */
|
|
* {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
h1, h2, h3, h4, a, p {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.77rem;
|
|
margin-top: 0.33rem;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.33rem;
|
|
}
|
|
|
|
p, a {
|
|
font-size: calc(1.11rem + 0.01vh);
|
|
}
|
|
|
|
/* Header */
|
|
.logo {
|
|
width: 17.33rem;
|
|
height: 11.99rem;
|
|
}
|
|
|
|
.header-wrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
/* Main */
|
|
main {
|
|
margin-left: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
div.main-content-wrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/* Navigation */
|
|
.navbar-link {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
nav.navbar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-content: left;
|
|
align-items: left;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
nav.quicknav {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
/* Error screens */
|
|
img.alexandria {
|
|
width: 33rem;
|
|
height: 30.33.rem;
|
|
display: block;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
/* Lists */
|
|
ul {
|
|
list-style-type: "⛛ ";
|
|
}
|
|
|
|
li {
|
|
margin-bottom: 0.33rem;
|
|
}
|
|
|
|
/* Index page stuff */
|
|
.index-content {
|
|
margin-right: 0.33rem;
|
|
}
|
|
|
|
/* Mobile */
|
|
@media screen and (max-width: 480px) {
|
|
.header-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|