* {
    color: black;
  font-size: 20pt;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;
}

body {
    background-color: rgb(244, 255, 241);
}

small {
  position: relative;
  font-size: 10pt;
  padding-left: 12%;
}

.menu {
  position: fixed;
  top: 15vw;
  right: 8vw;
    overflow-y: scroll;
    border-style: solid;
    border-color: black;
    background-color: white;
    border-width: 0.2vw;
    width: 14vw;
    height: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.menu::-webkit-scrollbar {
    display: none;
}

#bg-image {
  position: sticky;
  padding-left: 10%;
  padding-top: 10%;
  width: 15vw;
  height: auto;
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.1));
}

.menu-items {
    list-style-type: none;
    margin: 1pt;
    padding: 1pt;
}

h2 {
    padding: 1pt;
    margin: 1pt;
}

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

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

a:hover {
  color: palegreen;
  text-decoration: none;
}

a:active {
  color: palegreen;
  text-decoration: none;
}

::-moz-selection { /* firefox */
  color: palegreen;
  background: none;
}

::selection {
  color: palegreen;
  background: none;
}