80 lines
1.6 KiB
CSS
80 lines
1.6 KiB
CSS
:root {
|
|
/* Main color scheme */
|
|
--color-primary: #8fae6e;
|
|
--color-secondary: #b8573a;
|
|
--color-accent: #a8c48a;
|
|
|
|
/* Background colors */
|
|
--bg-primary: #0d130e;
|
|
--bg-secondary: #26140c;
|
|
|
|
/* Text colors */
|
|
--text-primary: #ddd6c4;
|
|
--text-secondary: #7d7f6c;
|
|
--text-accent: #a8c48a;
|
|
|
|
/* Header colours */
|
|
--header-primary: #a8c48a;
|
|
--header-secondary: #8fae6e;
|
|
--header-tertiary: #b8573a;
|
|
--header-other: #ddd6c4;
|
|
|
|
/* Link colors */
|
|
--link-color: #c0663f;
|
|
--link-hover: #e8c39a;
|
|
|
|
/* Border colors */
|
|
--border-primary: #4f6b3f;
|
|
--border-secondary: #3a4f2e;
|
|
--border-image: #230903;
|
|
|
|
/* Special purpose colors */
|
|
--code-color: #a8c48a;
|
|
--header-bg: #142016;
|
|
--header-text: #ddd6c4;
|
|
|
|
/* Font families */
|
|
--font-headers: cyberpunkwaifus, monospace;
|
|
--font-body: cyberpunkwaifus, monospace;
|
|
}
|
|
|
|
header h1 .headerLink {
|
|
font-family: coral-pixels, cyberpunkwaifus, monospace;
|
|
}
|
|
|
|
header h1 #headerSubTitle {
|
|
font-family: var(--font-headers);
|
|
}
|
|
|
|
article h1 {
|
|
font-family: coral-pixels, cyberpunkwaifus, monospace;
|
|
margin: 0.5em 0 0.5em 0;
|
|
font-size: 36px;
|
|
}
|
|
|
|
article p, article li {
|
|
font-size: x-large;
|
|
}
|
|
|
|
article h2 {
|
|
font-size: xx-large;
|
|
}
|
|
|
|
header nav {
|
|
font-size: large;
|
|
}
|
|
|
|
article img {
|
|
display: block;
|
|
width: 90%;
|
|
max-width: 400px;
|
|
margin: 0 auto;
|
|
padding: .2em;
|
|
background-color: var(--border-primary);
|
|
}
|
|
|
|
article a { text-shadow: 0 0 .5em rgba(192, 102, 63, .35); }
|
|
article a:hover { text-shadow: 0 0 .6em rgba(232, 195, 154, .55), -1px 0 #b8573a, 1px 0 #8fae6e; }
|
|
|
|
|
|
|