2024-06-28 16:54:48 +00:00
|
|
|
@layer theme, layout;
|
2024-05-21 16:43:36 +00:00
|
|
|
|
2024-06-28 16:54:48 +00:00
|
|
|
@font-face {
|
|
|
|
|
font-family: "BerkeleyMono";
|
|
|
|
|
src: url("/assets/BerkeleyMonoVariable-Regular") format("woff2");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "BerkeleyMonoItalic";
|
|
|
|
|
src: url("/assets/BerkeleyMonoVariable-Italic") format("woff2");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@layer theme {
|
|
|
|
|
:root {
|
|
|
|
|
--header-font: BerkeleyMono;
|
|
|
|
|
--body-font: BerkeleyMono;
|
|
|
|
|
--main-accent-color: #ff0095;
|
|
|
|
|
--main-background-color: #001626;
|
|
|
|
|
--main-text-color: #ffffff;
|
|
|
|
|
|
|
|
|
|
--default-grid-repeat: 3;
|
|
|
|
|
--default-grid-gap: 3vmax;
|
|
|
|
|
--fluid-min: 35ch;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@layout layout {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
color: var(--main-text-color);
|
|
|
|
|
background: var(--main-background-color);
|
|
|
|
|
font: BerkeleyMono;
|
|
|
|
|
}
|
