*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
} html,
body {
height: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.5;
} img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
height: auto;
} input,
button,
textarea,
select {
font: inherit;
color: inherit;
background-color: transparent;
border: none;
outline: none;
appearance: none;
} button {
cursor: pointer;
} a {
text-decoration: none;
color: inherit;
} ul,
ol {
list-style: none;
} :focus-visible {
outline: 2px solid var(--green-100);
outline-offset: 2px;
} h1,
h2,
h3,
h4,
h5,
h6,
p {
font-weight: inherit;
} body {
display: flex;
flex-direction: column;
min-height: 100vh;
}