:root {
  --font-ptimary: "Roboto Serif", serif;
  --color-primary: #0b0c5c;
  --color-black: #000;
}

/*
<weight>: Use a value from 100 to 900
<uniquifier>: Use a unique and descriptive class name

.roboto-serif-<uniquifier> {
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "GRAD" 0;
}
*/

body {
  font-family: var(--font-ptimary);
  font-size: 1.25rem;
  line-height: 1.66lh;
  color: var(--color-black);
}

img {
  height: auto;
  max-width: 100%;
}

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

.container-medium {
  max-width: 992px;
}

#header {
  padding: 3rem 0;
  a.navbar-brand {
    max-width: 24rem;
  }
}

.section-intro {
  padding: 0 0 3rem;
}