:root {
  /* Fonts */
  --market-content-fonts: 'Montserrat', 'Montserrat Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
  --market-header-fonts: 'Graphik Cond', 'Graphik Cond Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;

  /* Colors */
  --white-color: #fff;
  --dark-blue-color: #0C73BD;
  --light-blue-color: #199BFA;
  --bright-blue-color: #f0f9ff;
  --light-yellow-color: #e6ffa0;
  --dark-yellow-color: #adbf78;
  --light-green-color: #00ba06;
  --dark-green-color: #00a505;
  --light-gray-color: #888888;
  --dark-gray-color: #666666;
  --paypal-yellow-color: #ffc439;

  --background-white-color: #ffffff;
  --background-light-gray-color: #f9f9f9;
  --background-medium-gray-color: #f2f2f2;
  --background-dark-gray-color: #9a9a9a;

  --background-linear-gradient: linear-gradient(#2a3a5e99, #2a3a5e99);

  --text-black-color: #282828;
  --text-gray-color: #666666;

  --border-light-gray-color: #f3f3f3;
  --border-dark-gray-color: #d3d3d3;

  /* Dimensions */
  --mobile-header-height: 56px;
  --desktop-header-height: 72px;

  /* Spacing */
  --side-spacing: 1rem;

  /* Radius */
  --border-radius: 1.25rem;
  --border-radius-small: 0.75rem;

  /* Margins */
  --standard-margin: 2rem;
  --large-margin: 3rem;

  --font-weight-bold: 700;

  --letter-spacing-medium: 0.1rem;

  --box-shadow-light: 0px 5px 30px 0px rgba(155, 155, 155, 0.20);
  --box-shadow-heavy: 0px 1px 5px 0px rgba(0, 0, 0, 0.250);
}

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

@media (hover: none) and (pointer: coarse) {

  html,
  body {
    overscroll-behavior-y: none;
  }
}

body {
  color: var(--text-black-color);
  font-family: var(--market-content-fonts);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--market-header-fonts);
}

h1 {
  font-size: 3.75rem;
  line-height: 1;
  margin-bottom: 2rem;
}

h1>span {
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: block;
  color: var(--dark-blue-color);
}

h2 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}

h2>span {
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: block;
  color: var(--dark-blue-color);
}

h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}

h3>span {
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
  color: var(--dark-blue-color);
}

h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 0.5rem;
}

h4>span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  color: var(--dark-blue-color);
}

h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

p {
  margin-bottom: 0.5rem;
}

/* Larger margin for the last paragraph before a header */
p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6,
ol+h1,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6 {
  margin-top: 2rem;
}

ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
}

ul.list-none {
  list-style-type: none;
  margin-left: 0;
}

ul>li+li {
  margin-top: 0.5rem;
}

ul li>ul {
  margin-left: 1.5rem;
  margin-top: 0.25rem;
}

a {
  color: var(--dark-blue-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

button {
  cursor: pointer;
  font-family: var(--market-content-fonts);
}

code {
  background-color: #f3f3f3;
}

strong {
  font-weight: 600;
}

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--side-spacing);
  padding-right: var(--side-spacing);
}

@media (min-width: 768px) {
  .container {
    max-width: 48rem;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 64rem;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 72rem;
  }
}

@media (min-width: 1921px) {
  .container {
    max-width: 80rem;
  }
}