/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-v30-latin-regular.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("./fonts/roboto-v30-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/roboto-v30-latin-700.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("./fonts/roboto-v30-latin-700.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/nunito-v26-latin-regular.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("./fonts/nunito-v26-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/nunito-v26-latin-700.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("./fonts/nunito-v26-latin-700.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
  --primary: #374649;
  --secondary: #ed0000;
}

* {
  font-family: "Roboto", sans-serif;
  color: var(--primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 40px 0;
}

.page {
  margin: 0 auto;
  padding: 0 16px 50px;
}

.navbar {
  display: flex;
  justify-content: flex-start;
  margin: 12px 0;
}

.navbar__logo {
  width: 110px;
}
.page-title {
  font-family: "Nunito", sans-serif;
  font-weight: normal;
  font-size: 40px;
}

.mb-20 {
  margin-bottom: 20px;
}

li {
  margin-bottom: 10px;
}

a {
  color: var(--secondary);
  text-decoration: underline;
}

@media screen and (min-width: 75em) {
  .page {
    max-width: 71.25em;
  }
}

table.personal-data-table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.personal-data-table td,
table.personal-data-table th {
  padding: 10px 16px;
}
table.personal-data-table tr:nth-child(even) {
  background: #f7f9fa;
}
table.personal-data-table thead {
  background: #285aff;
}
table.personal-data-table thead th {
  font-weight: bold;
  color: #ffffff;
}