/* Styles for the window and the navbar */

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&family=SUSE+Mono:ital,wght@0,100..800;1,100..800&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "SUSE Mono", "Roboto", sans-serif;
  list-style: none;
  text-decoration: none;
  --dark-theme-color: #1b1917;
  --light-theme-color: #fbf7f0;
}

body {
  height: 100vh;
  color: var(--light-theme-color);
  background-color: var(--dark-theme-color);
  display: flex;
  overflow: hidden;
}

.navbar {
  width: 40%;
  border-right: 1px solid var(--light-theme-color);
  min-height: 100%;
  padding: calc(50vh - 4.5rem) 0;
  overflow-y: scroll;
  scrollbar-width: none;
  scroll-behavior: smooth;
  perspective: 1000px;
  scroll-snap-type: y mandatory;
}

.nav {
  color: transparent;
  -webkit-text-stroke: 4px var(--light-theme-color);
  font-size: 6rem;
  line-height: 9rem;
  text-align: center;
  scroll-snap-align: center;
}

.nav:hover {
  cursor: pointer;
}