/* 
  This is a CSS reset that helps to ensure consistent styling across different browsers by normalizing default styles.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 0 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent; /* 0 */
}

abbr[title] {
  border-bottom: none; /* 0 */
  text-decoration: underline; /* 0 */
  text-decoration: underline dotted; /* 1 */
}

b,
strong {
  font-weight: bolder; /* 1 */
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%; /* 1 */
}

sub {
  font-size: 75%; /* 1 */
  line-height: 0; /* 2 */
  position: relative; /* 3 */
  vertical-align: baseline; /* 4 */
}

sup {
  font-size: 75%; /* 1 */
  line-height: 0; /* 2 */
  position: relative; /* 3 */
  vertical-align: baseline; /* 4 */
}

img {
  border-style: none; /* 1 */
}

button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: inherit; /* 2 */
  line-height: inherit; /* 3 */
}

button,
input {
  overflow: visible; /* 1 */
}

button,
select {
  text-transform: none; /* 1 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 1 */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none; /* 1 */
  padding: 0; /* 2 */
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; /* 1 */
}

input {
  overflow: visible; /* 1 */
}

[role="button"] {
  cursor: pointer; /* 1 */
}

#root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}