:root {
  /* Colors */
  --color-white: #77a9a9;
  --color-black: #003030;
  /* --color-blue: #384c7d; */
  --color-blue: #384c7d;
  /* Type */
  --main-type-family: "American Typewriter", "Courier", monospace;
  /* Spacing */
  /* Borders */
  --border-radius: 3px;
  /* Shadows */
}

/* Base Elements */
* {
  box-sizing: border-box;
  font-family: var(--main-type-family);
  color: var(--color-black);
}

body {
  margin: 0;
  background-color: var(--color-white);
}

a {
  font-size: var(--body-type-size);
  color: var(--color-blue);
}

a:visited {
  color: var(--color-blue);
}

.main-content {
  max-inline-size: 500px;
  padding-inline: 20px;
}

.hero {
  margin-block: 60px;
  text-align: center;
}

.under-construction {
  padding-block-start: 18px;
  padding-block-end: 12px;
  padding-inline: 8px;
  background-color: var(--color-black);
  border-radius: var(--border-radius);
}

.under-construction .heading {
  color: var(--color-white);
  text-align: center;
}
.under-construction .description {
  color: var(--color-white);
}

@media (min-width: 768px) {
  .main-content {
    margin-inline: auto;
  }

  .under-construction {
    margin-inline: auto;
    padding-inline: 16px;
  }
}

.links-container {
  margin-block-start: 60px;
}

.links-container h3.heading {
  text-align: center;
}

.links-container ul.links-menu {
}