/*---------A Modern CSS Reset---------*/
*,
*::before,
*::after {
 box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
 margin: 0;
}
ul[role="list"],
ol[role="list"] {
 list-style: none;
}
html:focus-within {
 scroll-behavior: smooth;
}
body {
 min-height: 100vh;
 text-rendering: optimizeSpeed;
 line-height: 1.5;
}
a:not([class]) {
 text-decoration-skip-ink: auto;
}
img,
picture {
 max-width: 100%;
 display: block;
}
input,
button,
textarea,
select {
 font: inherit;
}
@media (prefers-reduced-motion: reduce) {
 html:focus-within {
  scroll-behavior: auto;
 }
 *,
 *::before,
 *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
 }
}

/*--------The New CSS Reset--------*/
/*** The new CSS Reset - version 1.3.1 (last updated 28.10.2021) ***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
 all: unset;
 display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
 box-sizing: border-box;
}

/* Remove list styles (bullets/numbers) */
ol,
ul {
 list-style: none;
}

/* For images to not be able to exceed their container */
img {
 max-width: 100%;
}

/* removes spacing between cells in tables */
table {
 border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
 white-space: revert;
}