50 lines
886 B
SCSS
50 lines
886 B
SCSS
html {
|
|
image-rendering: pixelated;
|
|
image-rendering: crisp-edges;
|
|
font-size: 16px;
|
|
color: $foreground-color;
|
|
line-height: 1.50;
|
|
background: $background-color;
|
|
}
|
|
|
|
/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
|
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
}
|
|
|
|
.section {
|
|
border-radius: 35px;
|
|
background: $background-color;
|
|
box-shadow: 5px 5px 17px #060606,
|
|
-5px -5px 17px #16161a;
|
|
max-width: 20cm;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.inner-section {
|
|
background: $background-color;
|
|
max-width: 18cm;
|
|
margin: 0 auto;
|
|
margin-top: 5mm;
|
|
padding: 2mm 3mm;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 26px;
|
|
font-weight: normal; }
|
|
|
|
h2 {
|
|
font-size: 24px;
|
|
font-weight: normal;
|
|
margin-top: 1cm;
|
|
margin-bottom: 0; }
|
|
|
|
h3 {
|
|
font-size: 22px;
|
|
font-weight: normal;
|
|
margin-top: 1cm;
|
|
margin-bottom: 0;
|
|
}
|