css reset style

1html, body, div, span, applet, object, iframe,
2h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3a, abbr, acronym, address, big, cite, code,
4del, dfn, em, img, ins, kbd, q, s, samp,
5small, strike, strong, sub, sup, tt, var,
6b, u, i, center,
7dl, dt, dd, ol, ul, li,
8fieldset, form, label, legend,
9table, caption, tbody, tfoot, thead, tr, th, td,
10article, aside, canvas, details, embed, 
11figure, figcaption, footer, header, hgroup, 
12menu, nav, output, ruby, section, summary,
13time, mark, audio, video {
14	margin: 0;
15	padding: 0;
16	border: 0;
17	font-size: 100%;
18	font: inherit;
19	vertical-align: baseline;
20}
21/* HTML5 display-role reset for older browsers */
22article, aside, details, figcaption, figure, 
23footer, header, hgroup, menu, nav, section {
24	display: block;
25}
26body {
27	line-height: 1;
28}
29ol, ul {
30	list-style: none;
31}
32blockquote, q {
33	quotes: none;
34}
35blockquote:before, blockquote:after,
36q:before, q:after {
37	content: '';
38	content: none;
39}
40table {
41	border-collapse: collapse;
42	border-spacing: 0;
43}

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

1html, body, div, span, applet, object, iframe,
2h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3a, abbr, acronym, address, big, cite, code,
4del, dfn, em, img, ins, kbd, q, s, samp,
5small, strike, strong, sub, sup, tt, var,
6b, u, i, center,
7dl, dt, dd, ol, ul, li,
8fieldset, form, label, legend,
9table, caption, tbody, tfoot, thead, tr, th, td,
10article, aside, canvas, details, embed, 
11figure, figcaption, footer, header, hgroup, 
12menu, nav, output, ruby, section, summary,
13time, mark, audio, video {
14	margin: 0;
15	padding: 0;
16	border: 0;
17	font-size: 100%;
18	font: inherit;
19	vertical-align: baseline;
20}
21/* HTML5 display-role reset for older browsers */
22article, aside, details, figcaption, figure, 
23footer, header, hgroup, menu, nav, section {
24	display: block;
25}
26body {
27	line-height: 1;
28}
29ol, ul {
30	list-style: none;
31}
32blockquote, q {
33	quotes: none;
34}
35blockquote:before, blockquote:after,
36q:before, q:after {
37	content: '';
38	content: none;
39}
40table {
41	border-collapse: collapse;
42	border-spacing: 0;
43}
44

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

1.reset-this {
2    animation : none;
3    animation-delay : 0;
4    animation-direction : normal;
5    animation-duration : 0;
6    animation-fill-mode : none;
7    animation-iteration-count : 1;
8    animation-name : none;
9    animation-play-state : running;
10    animation-timing-function : ease;
11    backface-visibility : visible;
12    background : 0;
13    background-attachment : scroll;
14    background-clip : border-box;
15    background-color : transparent;
16    background-image : none;
17    background-origin : padding-box;
18    background-position : 0 0;
19    background-position-x : 0;
20    background-position-y : 0;
21    background-repeat : repeat;
22    background-size : auto auto;
23    border : 0;
24    border-style : none;
25    border-width : medium;
26    border-color : inherit;
27    border-bottom : 0;
28    border-bottom-color : inherit;
29    border-bottom-left-radius : 0;
30    border-bottom-right-radius : 0;
31    border-bottom-style : none;
32    border-bottom-width : medium;
33    border-collapse : separate;
34    border-image : none;
35    border-left : 0;
36    border-left-color : inherit;
37    border-left-style : none;
38    border-left-width : medium;
39    border-radius : 0;
40    border-right : 0;
41    border-right-color : inherit;
42    border-right-style : none;
43    border-right-width : medium;
44    border-spacing : 0;
45    border-top : 0;
46    border-top-color : inherit;
47    border-top-left-radius : 0;
48    border-top-right-radius : 0;
49    border-top-style : none;
50    border-top-width : medium;
51    bottom : auto;
52    box-shadow : none;
53    box-sizing : content-box;
54    caption-side : top;
55    clear : none;
56    clip : auto;
57    color : inherit;
58    columns : auto;
59    column-count : auto;
60    column-fill : balance;
61    column-gap : normal;
62    column-rule : medium none currentColor;
63    column-rule-color : currentColor;
64    column-rule-style : none;
65    column-rule-width : none;
66    column-span : 1;
67    column-width : auto;
68    content : normal;
69    counter-increment : none;
70    counter-reset : none;
71    cursor : auto;
72    direction : ltr;
73    display : inline;
74    empty-cells : show;
75    float : none;
76    font : normal;
77    font-family : inherit;
78    font-size : medium;
79    font-style : normal;
80    font-variant : normal;
81    font-weight : normal;
82    height : auto;
83    hyphens : none;
84    left : auto;
85    letter-spacing : normal;
86    line-height : normal;
87    list-style : none;
88    list-style-image : none;
89    list-style-position : outside;
90    list-style-type : disc;
91    margin : 0;
92    margin-bottom : 0;
93    margin-left : 0;
94    margin-right : 0;
95    margin-top : 0;
96    max-height : none;
97    max-width : none;
98    min-height : 0;
99    min-width : 0;
100    opacity : 1;
101    orphans : 0;
102    outline : 0;
103    outline-color : invert;
104    outline-style : none;
105    outline-width : medium;
106    overflow : visible;
107    overflow-x : visible;
108    overflow-y : visible;
109    padding : 0;
110    padding-bottom : 0;
111    padding-left : 0;
112    padding-right : 0;
113    padding-top : 0;
114    page-break-after : auto;
115    page-break-before : auto;
116    page-break-inside : auto;
117    perspective : none;
118    perspective-origin : 50% 50%;
119    position : static;
120    /* May need to alter quotes for different locales (e.g fr) */
121    quotes : '\201C' '\201D' '\2018' '\2019';
122    right : auto;
123    tab-size : 8;
124    table-layout : auto;
125    text-align : inherit;
126    text-align-last : auto;
127    text-decoration : none;
128    text-decoration-color : inherit;
129    text-decoration-line : none;
130    text-decoration-style : solid;
131    text-indent : 0;
132    text-shadow : none;
133    text-transform : none;
134    top : auto;
135    transform : none;
136    transform-style : flat;
137    transition : none;
138    transition-delay : 0s;
139    transition-duration : 0s;
140    transition-property : none;
141    transition-timing-function : ease;
142    unicode-bidi : normal;
143    vertical-align : baseline;
144    visibility : visible;
145    white-space : normal;
146    widows : 0;
147    width : auto;
148    word-spacing : normal;
149    z-index : auto;
150    /* basic modern patch */
151    all: initial;
152    all: unset;
153}
154
155/* basic modern patch */
156
157#reset-this-root {
158    all: initial;
159    * {
160        all: unset;
161    }
162}

1html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{	margin:0;	padding:0;	border:0;	font-size:100%;	font:inherit;	vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{	display:block;}body{	line-height:1;}ol,ul{	list-style:none;}blockquote,q{	quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}