87 lines
1.7 KiB
CSS
87 lines
1.7 KiB
CSS
@font-face {
|
|
font-family: "Instrument Serif";
|
|
src: url("/fonts/instrument-serif-regular.ttf") format("truetype");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Instrument Serif";
|
|
src: url("/fonts/instrument-serif-italic.ttf") format("truetype");
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "DM Sans";
|
|
src: url("/fonts/dm-sans.woff2") format("woff2");
|
|
font-weight: 100 1000;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
:root {
|
|
--paper: #f5f3ee;
|
|
--ink: #282a23;
|
|
--muted: #686b61;
|
|
--line: #d9d9cf;
|
|
--wash: #ecebe4;
|
|
--accent: #8f725c;
|
|
--serif: "Instrument Serif", Georgia, serif;
|
|
--sans: "DM Sans", Arial, sans-serif;
|
|
--mono: "Courier New", monospace;
|
|
--page-gutter: clamp(20px, 4vw, 72px);
|
|
color-scheme: light;
|
|
font-family: var(--sans);
|
|
color: var(--ink);
|
|
background: var(--paper);
|
|
font-synthesis: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
/* Only box sizing, base document defaults and accessibility are global.
|
|
Every visual component owns a BEM block in its own stylesheet. */
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
min-width: 320px;
|
|
}
|
|
button,
|
|
input,
|
|
textarea,
|
|
select {
|
|
font: inherit;
|
|
}
|
|
button,
|
|
a {
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
:focus-visible:not([tabindex="-1"]) {
|
|
outline: 2px solid var(--accent);
|
|
outline-offset: 5px;
|
|
}
|
|
::selection {
|
|
background: #d1d3bf;
|
|
color: #282a23;
|
|
}
|
|
.not-found {
|
|
padding: 100px 0;
|
|
}
|
|
.not-found__label {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: var(--muted);
|
|
}
|
|
.not-found__title {
|
|
font-family: var(--serif);
|
|
font-size: 72px;
|
|
font-weight: 400;
|
|
margin: 20px 0;
|
|
}
|
|
.not-found__text {
|
|
margin-bottom: 35px;
|
|
color: var(--muted);
|
|
}
|