|  | /* Box sizing rules */ | 
|  | *, | 
|  | *::before, | 
|  | *::after { | 
|  | box-sizing: border-box; | 
|  | } | 
|  |  | 
|  | /* Remove default padding */ | 
|  | ul[class], | 
|  | ol[class] { | 
|  | padding: 0; | 
|  | } | 
|  |  | 
|  | /* Remove default margin */ | 
|  | body, | 
|  | h1, | 
|  | h2, | 
|  | h3, | 
|  | h4, | 
|  | p, | 
|  | ul[class], | 
|  | ol[class], | 
|  | li, | 
|  | figure, | 
|  | figcaption, | 
|  | blockquote, | 
|  | dl, | 
|  | dd { | 
|  | margin: 0; | 
|  | } | 
|  |  | 
|  | /* Set core body defaults */ | 
|  | body { | 
|  | min-height: 100vh; | 
|  | scroll-behavior: smooth; | 
|  | text-rendering: optimizeSpeed; | 
|  | line-height: 1.5; | 
|  | } | 
|  |  | 
|  | /* Remove list styles on ul, ol elements with a class attribute */ | 
|  | ul[class], | 
|  | ol[class] { | 
|  | list-style: none; | 
|  | } | 
|  |  | 
|  | /* A elements that don't have a class get default styles */ | 
|  | a:not([class]) { | 
|  | text-decoration-skip-ink: auto; | 
|  | } | 
|  |  | 
|  | /* Make images easier to work with */ | 
|  | img { | 
|  | max-width: 100%; | 
|  | display: block; | 
|  | } | 
|  |  | 
|  | /* Natural flow and rhythm in articles by default */ | 
|  | article>*+* { | 
|  | margin-top: 1em; | 
|  | } | 
|  |  | 
|  | /* Inherit fonts for inputs and buttons */ | 
|  | input, | 
|  | button, | 
|  | textarea, | 
|  | select { | 
|  | font: inherit; | 
|  | } | 
|  |  | 
|  | /* Remove all animations and transitions for people that prefer not to see them */ | 
|  | @media (prefers-reduced-motion: reduce) { | 
|  | * { | 
|  | animation-duration: 0.01ms !important; | 
|  | animation-iteration-count: 1 !important; | 
|  | transition-duration: 0.01ms !important; | 
|  | scroll-behavior: auto !important; | 
|  | } | 
|  | } |