simple css reset 2c css reset

1/* Box sizing rules */
2*,
3*::before,
4*::after {
5  box-sizing: border-box;
6}
7
8/* Remove default padding */
9ul[class],
10ol[class] {
11  padding: 0;
12}
13
14/* Remove default margin */
15body,
16h1,
17h2,
18h3,
19h4,
20p,
21ul[class],
22ol[class],
23li,
24figure,
25figcaption,
26blockquote,
27dl,
28dd {
29  margin: 0;
30}
31
32/* Set core body defaults */
33body {
34  min-height: 100vh;
35  scroll-behavior: smooth;
36  text-rendering: optimizeSpeed;
37  line-height: 1.5;
38}
39
40/* Remove list styles on ul, ol elements with a class attribute */
41ul[class],
42ol[class] {
43  list-style: none;
44}
45
46/* A elements that don't have a class get default styles */
47a:not([class]) {
48  text-decoration-skip-ink: auto;
49}
50
51/* Make images easier to work with */
52img {
53  max-width: 100%;
54  display: block;
55}
56
57/* Natural flow and rhythm in articles by default */
58article > * + * {
59  margin-top: 1em;
60}
61
62/* Inherit fonts for inputs and buttons */
63input,
64button,
65textarea,
66select {
67  font: inherit;
68}
69
70/* Remove all animations and transitions for people that prefer not to see them */
71@media (prefers-reduced-motion: reduce) {
72  * {
73    animation-duration: 0.01ms !important;
74    animation-iteration-count: 1 !important;
75    transition-duration: 0.01ms !important;
76    scroll-behavior: auto !important;
77  }
78}
79