:root {
  --main-width: 1280px;
  --primary-color: #0ee647ff;
  --text-color: 159, 171, 165;
  --scroll: 0;
}

body {
  color: rgb(var(--text-color));
  font-family: "Roboto";
  /* background: rgb(17, 25, 17);
    background: repeating-linear-gradient(
      0deg,
      rgba(17, 25, 17, 1) 0%,
      rgba(15, 59, 25, 1) 47%,
      rgba(20, 33, 21, 1) 100%
    ); */

  background: rgb(27, 28, 25);
  background: linear-gradient(0deg, #181a1b 0%, #0e2514 50%, #181a1b 100%);
  text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;


  background-repeat: repeat;
  background-size: 100% 200vh;
  /* background-attachment: fixed; */
  margin: 0;
}

html {
  color-scheme: dark;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main > * {
  max-width: var(--main-width);
}

@media only screen and (max-width: 1200px) {
  main {
    margin: 1rem;
  }
}

a {
  color: var(--primary-color);
  text-decoration: none;
}

footer {
  background-color: #181a1bf0;
  margin-top: -2px;

  padding: 2em;
}

nav {
  font-weight: bold;
  font-size: larger;
  z-index: 9;
  top: 0px;
  position: sticky;
  background-color: #181a1b70;
  display: flex;
  gap: 0.5em;
  align-items: center;
  padding: 1em;
}