35 lines
762 B
SCSS
35 lines
762 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 scale-color($background-color, $lightness: -35%),
|
|
-5px -5px 17px scale-color($background-color, $lightness: +5%);
|
|
max-width: 20cm;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.inner-section {
|
|
border-radius: 35px;
|
|
background: $background-color;
|
|
max-width: 18cm;
|
|
margin: 0 auto;
|
|
margin-top: 5mm;
|
|
padding: 2mm 3mm;
|
|
}
|
|
|