33 lines
558 B
SCSS
33 lines
558 B
SCSS
|
html {
|
||
|
|
image-rendering: pixelated;
|
||
|
|
image-rendering: crisp-edges;
|
||
|
|
font-size: 1.3em;
|
||
|
|
color: $foreground-color;
|
||
|
|
line-height: 1.50;
|
||
|
|
background: $background-color;
|
||
|
|
font-family: 'Cantarell', sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
border-radius: 10px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
main {
|
||
|
|
margin: auto;
|
||
|
|
width: 50%;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
margin: 0 50px;
|
||
|
|
}
|