RRS First version
This commit is contained in:
@@ -0,0 +1,86 @@
|
||||
@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);
|
||||
}
|
||||
Reference in New Issue
Block a user