51 lines
931 B
CSS
51 lines
931 B
CSS
*, *::before, *::after {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
:root {
|
|
--bone: #e8dcc8;
|
|
--bone-dim: #9e9080;
|
|
--red: #c0392b;
|
|
--red-glow: rgba(192, 57, 43, 0.4);
|
|
--dark: #0a0806;
|
|
--dark-mid: #120f0a;
|
|
--dark-card: #1a1510;
|
|
--border: rgba(232, 220, 200, 0.12);
|
|
--font-display: 'Georgia', 'Times New Roman', serif;
|
|
--font-body: 'Segoe UI', system-ui, -apple-system, sans-serif;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
background: var(--dark);
|
|
color: var(--bone);
|
|
font-family: var(--font-body);
|
|
line-height: 1.6;
|
|
min-height: 100vh;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
::selection {
|
|
background: var(--red);
|
|
color: var(--bone);
|
|
}
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar { width: 6px; }
|
|
::-webkit-scrollbar-track { background: var(--dark); }
|
|
::-webkit-scrollbar-thumb { background: var(--red); border-radius: 3px; }
|