/* Base HTML Elements */

html {
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  font-size: var(--font-size-base);
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--color-nightsky-100);
  min-height: 100vh;
  color: var(--color-white);
  font-family: "Inter", sans-serif;
}

a.common-link {
  color: #e68b31; /* orange color */
  text-decoration: none;
}

a.common-link:visited {
  color: #e68b31; /* same color even when visited */
}

a.common-link:hover {
  text-decoration: underline; /* underline only on hover */
  color: #e68b31; /* same color */
}

a.common-link:active {
  color: #e68b31;
}