52 lines
928 B
CSS
52 lines
928 B
CSS
@font-face {
|
|
font-family: 'Crimson Text';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url("../fonts/CrimsonText.woff2") format('woff2');
|
|
}
|
|
|
|
body {
|
|
margin: auto;
|
|
margin-top: 5vh;
|
|
max-width: 500px;
|
|
}
|
|
|
|
div.contents, .navigation {
|
|
padding-left: 0.5em;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.navigation li {
|
|
display: block;
|
|
}
|
|
|
|
#header-icon {
|
|
width: 10em;
|
|
/* this should really just be a background image but that's even messier so here we are */
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
#header-text {
|
|
filter: drop-shadow(4px 4px 10px var(--glow));
|
|
font-size: 2em;
|
|
}
|
|
|
|
h1, h2 {
|
|
color: var(--accent);
|
|
font-family: "Wenceslas", serif;
|
|
}
|
|
|
|
p, ul {
|
|
font-family: 'Crimson Text', serif;
|
|
font-size: 1.2rem;
|
|
color: var(--accent-alt);
|
|
max-width: 1000px;
|
|
}
|
|
|
|
@media (max-width: 300px) {
|
|
#header-text {
|
|
margin-left: -3em;
|
|
}
|
|
} |