/* ======= variables ======= */
:root {
  --color-primary: #da291c;
  --color-secondary: #a00c01;
  --color-background: #eeeeee;
  --color-darkgray: #222222;
  --color-mediumgray: #555555;
  --color-lightgray: #eeeeee;
  --color-white: #ffffff;
  --color-yellow: #fec721;
}

/* ======= reset ======= */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

img {
    display: block;
    max-width: 100%;
}

/* ======= default ======= */
html {
    font-size: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-darkgray);
}