:root {
  --bg-color: rgb(255, 255, 255);
  --bg-color-2: rgb(0, 0, 0);
  --color: rgb(35, 32, 45);
  --color-2: rgb(250, 250, 250);
  --navlink-hover-color: rgb(47, 210, 255);
  --link-color: rgb(0, 0, 0);
  --link-hover-color: rgb(0, 0, 0);
  --nav-colour: rgb(0, 0, 0);
  --nav-hover-colour: rgb(0, 0, 0);
}

html,
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 0 auto;
  scroll-behavior: smooth;
  background-color: var(--bg-color);
  max-width: 1500px;
}


/* CONTENT / BODY */

.main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section {
  text-align: center;
  padding-top: 100px;
}

.subheading-link {
  color: var(--link-color);
  text-decoration: none;
}

.subheading-link:hover {
  color: var(--link-hover-color);
}

/* FOOTER */

footer {
  text-align: center;
  padding: 20px 10px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  color: #004cff;
  margin-top: 5%;
}