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

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

html {
  font-size: 62.5%;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--placeholder-color) !important;
  font-weight: var(--weight-bold);
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--placeholder-color) !important;
  font-weight: var(--weight-bold);
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--placeholder-color) !important;
  font-weight: var(--weight-bold);
}
:-moz-placeholder {
  /* Firefox 18- */
  color: var(--placeholder-color) !important;
  font-weight: var(--weight-bold);
}
/* input, textarea, button {
  font-weight: var(--weight-bold);
} */

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-weight: var(--weight-bold);
  line-height: 1.2;
  margin-top: 0;
}
p,
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
b,
strong {
  font-weight: var(--weight-bold);
}

h1 {
  font-size: var(--size-h1);
}
h2 {
  font-size: var(--size-h2);
}
h3 {
  font-size: var(--size-h3);
}
h4 {
  font-size: var(--size-h4);
}
h5 {
  font-size: var(--size-h5);
}
h6 {
  font-size: var(--size-h6);
}