@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary-font-family: "Noto Sans", sans-serif;
  --heading-font-family: "Cormorant Garamond", serif;
  --primary-bg-color: #232a27;
  --primary-bg-text-color: #e8e2da;
  --primary-text-color: #111;
  --content-color: #111;
}

.html {
  scroll-behavior: smooth;
}

html, body {
  font-family: var(--primary-font-family);
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  background-color: var(--primary-bg-color);
  color: var(--primary-text-color);
}

a {
  text-decoration: none;
  color: inherit;
}

.nav-link {
  color: rgba(0, 0, 0, 0.8);
}
.nav-link:hover, .nav-link.active {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}

.nav-pills .nav-link {
  color: rgba(0, 0, 0, 0.4);
}
.nav-pills .nav-link:hover, .nav-pills .nav-link.active {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}

h1, h2, h3, h4, h5 {
  font-family: var(--heading-font-family);
  font-style: normal;
}

h1 {
  font-weight: 900;
  letter-spacing: 2px;
}

h2 {
  font-weight: 700;
}

h3 {
  font-weight: 500;
}

h4 {
  font-weight: 400;
}

h5 {
  font-weight: 300;
  font-style: italic;
}