124 lines
2.1 KiB
CSS
124 lines
2.1 KiB
CSS
@font-face {
|
|
font-family: "Iosevka Custom Web";
|
|
font-display: swap;
|
|
font-weight: 400;
|
|
font-stretch: normal;
|
|
font-style: normal;
|
|
src:
|
|
url("/fonts/iosevka-custom/WOFF2/IosevkaCustom-Regular.woff2")
|
|
format("woff2"),
|
|
url("/fonts/iosevka-custom/TTF/IosevkaCustom-Regular.ttf")
|
|
format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Iosevka Custom Web";
|
|
font-display: swap;
|
|
font-weight: 400;
|
|
font-stretch: normal;
|
|
font-style: italic;
|
|
src:
|
|
url("/fonts/iosevka-custom/WOFF2/IosevkaCustom-Italic.woff2")
|
|
format("woff2"),
|
|
url("/fonts/iosevka-custom/TTF/IosevkaCustom-Italic.ttf")
|
|
format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Iosevka Custom Web";
|
|
font-display: swap;
|
|
font-weight: 700;
|
|
font-stretch: normal;
|
|
font-style: normal;
|
|
src:
|
|
url("/fonts/iosevka-custom/WOFF2/IosevkaCustom-Bold.woff2") format("woff2"),
|
|
url("/fonts/iosevka-custom/TTF/IosevkaCustom-Bold.ttf") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Iosevka Custom Web";
|
|
font-display: swap;
|
|
font-weight: 700;
|
|
font-stretch: normal;
|
|
font-style: italic;
|
|
src:
|
|
url("/fonts/iosevka-custom/WOFF2/IosevkaCustom-BoldItalic.woff2")
|
|
format("woff2"),
|
|
url("/fonts/iosevka-custom/TTF/IosevkaCustom-BoldItalic.ttf")
|
|
format("truetype");
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--theme-background);
|
|
color: var(--theme-foreground);
|
|
max-width: var(--max-width);
|
|
margin: 0 auto;
|
|
padding: var(--spacing-xl) 16px;
|
|
animation: fade 1s ease-in;
|
|
}
|
|
|
|
@keyframes fade {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
img,
|
|
svg {
|
|
display: block;
|
|
user-select: none;
|
|
}
|
|
|
|
a {
|
|
color: var(--theme-primary);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a,
|
|
img,
|
|
li,
|
|
button {
|
|
transition: filter var(--transition-fast);
|
|
}
|
|
|
|
a:hover,
|
|
img:hover,
|
|
li:hover,
|
|
button:hover {
|
|
filter: brightness(0.67);
|
|
}
|
|
|
|
button,
|
|
[role="button"] {
|
|
color: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-size: var(--font-size-base);
|
|
}
|
|
|
|
html,
|
|
body,
|
|
pre,
|
|
code,
|
|
button {
|
|
font-family:
|
|
"Iosevka Custom Web", "Iosevka Custom", Iosevka, monospace, sans-serif;
|
|
text-rendering: optimizeLegibility;
|
|
line-height: 1.75rem;
|
|
}
|