@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");
:root {
  --primary-font-family: "Noto Sans", sans-serif;
  --heading-font-family: "Cormorant Garamond", serif;
  --primary-bg-color: white;
  --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);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::-webkit-scrollbar {
  width: 5px;
  width: 5px;
  background-color: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
*::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.2);
}

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

a.link {
  text-decoration: underline;
}