60 lines
1.6 KiB
CSS
60 lines
1.6 KiB
CSS
@import "tailwindcss";
|
|
|
|
@custom-variant dark (&:where(.dark, .dark *));
|
|
@theme {
|
|
--color-regal-blue: #243c5a;
|
|
}
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Libre+Caslon+Display&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Noto+Sans+JP:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
|
|
|
|
.theme-root.night {
|
|
--bg: #1c1c1c;
|
|
--surface: #252525;
|
|
--surface2: #2a2a2a;
|
|
--border: #363636;
|
|
--border2: #ccc7be;
|
|
--text: #ffffff;
|
|
--muted: #d9d9d9;
|
|
--dim: #b0aa9f;
|
|
--navback: rgba(28, 28, 28, 0.8);
|
|
--accent: #5389ff;
|
|
--accent2:#1447b8;
|
|
--green:#0eaf74;
|
|
--amber:#ffd78e;
|
|
}
|
|
|
|
.section-head{display:flex;align-items:center;gap:10px;margin-bottom:1.8rem;}
|
|
.section-head h2{
|
|
font-family:var(--ff-mono);font-size:0.72rem;font-weight:400;
|
|
letter-spacing:0.25em;text-transform:uppercase;color:var(--muted);
|
|
white-space:nowrap;
|
|
}
|
|
.section-head::after{content:'';flex:1;height:1px;background:var(--border);}
|
|
|
|
.exp-body{font-size:0.85rem;color:var(--muted);line-height:1.8;}
|
|
|
|
.libre-caslon-text-regular {
|
|
font-family: "Libre Caslon Text", serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.libre-caslon-text-bold {
|
|
font-family: "Libre Caslon Text", serif;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|
|
|
|
.libre-caslon-text-regular-italic {
|
|
font-family: "Libre Caslon Text", serif;
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
}
|
|
|
|
.rubik-400 {
|
|
font-family: "Rubik", sans-serif;
|
|
font-optical-sizing: auto;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
} |