:root {
  --font-family-base: "Montserrat";
  --font-family-display: "Bebas Neue", sans-serif;
  --font-family-script: "Birthstone", cursive;
  --font-family-dsdigital: "DS-Digital";

  --container-max-width: 1440px;
  --container-padding-x: 1rem; /*16*/
  --container-padding-y: 2rem; /*32*/

  --padding-top-header: var(--header-height);
}

@media (min-width: 1200px) {
  :root {
    --container-max-width: 1440px;
    --container-padding-y: 2.5rem; /*40*/
    --container-padding-x: 4rem; /*64*/
  }
}

body {
  font-family: var(--font-family-base);
  background-color: #0f121e;
}

button,
input,
select,
textarea {
  font: inherit;
}

.container-row {
  width: 100%;
  max-width: var(--container-max-width);
  height: auto;

  margin: 0 auto;
  padding: var(--container-padding-y) var(--container-padding-x);

  display: flex;
  align-items: center;
  flex-wrap: wrap;
}