48 lines
559 B
SCSS
48 lines
559 B
SCSS
@use "theme";
|
|
@use "font";
|
|
@use "mixins/media";
|
|
@use "pages/about";
|
|
@use "pages/home";
|
|
|
|
$font-sans: "Inter", sans-serif;
|
|
$font-disp: "Poppins", sans-serif;
|
|
$font-mono: "Hack", monospace;
|
|
|
|
body {
|
|
font-family: $font-sans;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: $font-disp;
|
|
}
|
|
|
|
pre, code {
|
|
font-family: $font-mono;
|
|
}
|
|
|
|
.monospace {
|
|
font-family: $font-mono;
|
|
}
|
|
|
|
#skip-navigation {
|
|
position: fixed;
|
|
top: -100%;
|
|
right: 0;
|
|
|
|
&:focus {
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.site {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: min(1000px, 100vw);
|
|
margin: auto;
|
|
}
|