71 lines
1.2 KiB
CSS
71 lines
1.2 KiB
CSS
/* Fonts */
|
|
|
|
@font-face {
|
|
font-family: "Cinzel Decorative";
|
|
src: url(../fonts/CinzelDecorative-Regular.ttf);
|
|
font-weight: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Cinzel Decorative";
|
|
src: url(../fonts/CinzelDecorative-Bold.ttf);
|
|
font-weight: bold;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Crimson";
|
|
src: url(../fonts/Crimson-Roman.otf);
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Crimson";
|
|
src: url(../fonts/Crimson-Bold.otf);
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Crimson";
|
|
src: url(../fonts/Crimson-Italic.otf);
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Crimson";
|
|
src: url(../fonts/Crimson-BoldItalic.otf);
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Colors */
|
|
|
|
:root {
|
|
--bg: #19121F;
|
|
--accent: #9AA6CB;
|
|
--accent-dark: #747E9D;
|
|
--text: #D5D6E8;
|
|
--url: #F5E8C9;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
|
|
}
|
|
|
|
html {
|
|
|
|
}
|
|
}
|
|
|
|
html {
|
|
background: url(../assets/bg-noise-dark.png) repeat;
|
|
background-color: var(--bg);
|
|
}
|
|
|
|
::selection {
|
|
color: var(--bg);
|
|
background: var(--accent);
|
|
} |