/*Reset*/

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
  }
  
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  ol,
  li,
  p,
  pre,
  blockquote,
  figure,
  figcaption,
  hr,
  dl,
  dd {
    margin: 0;
    padding: 0;
  }
  
  ul, ol {
    list-style: none;
  }
  
  input,
  textarea,
  select,
  button {
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
  }
  
  input[type="text"],
  textarea {
    width: 100%;
  }
  
  input,
  textarea,
  button {
    border: 1px solid gray;
  }
  
  button {
    padding: 0.75em 1em;
    line-height: inherit;
    border-radius: 0;
    background-color: transparent;
  }
  
  button * {
    pointer-events: none;
  }
  
  img,
  iframe,
  video,
  object,
  embed {
    display: block;
    max-width: 100%;
  }
  
  svg {
    max-width: 100%;
  }
  
  table {
    table-layout: fixed;
    width: 100%;
  }
  
  [hidden] {
    opacity: 0;
    visibility: hidden;
  }
  
  noscript {
    display: block;
    margin-bottom: 1em;
    margin-top: 1em;
  }
  
  [tabindex="-1"] {
    outline: none !important;
  }
  
  @media (prefers-reduced-motion: reduce) {
    * {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap;
  }
  
  * {
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  span {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
  
  img {
    display: block;
    max-width: 100%;
  }
  
  a {
    margin: 0px;
    padding: 0px;
    display: block;
  }
  
  table {
    border-spacing: 0px;
  }