html {
  height: 100%;
  width: 100%;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: var(--desert-sand);
  background-image: none;
}

ul {
  margin-top: 0;
  padding: 10px;
}

a {
  text-decoration: none;
  color: black;
  display: inline-block; 
  transition: transform 0.1s linear;
}

a:link {
  
}

a:visited {
  
}

a:hover {
  transform: scale(1.1);
}

a:active {
  transform: scale(1.0)
}

li::marker {
  content: "J ";
  font-family: leafs;
  font-size: 24pt;
}

@keyframes hover {
  from { transform: scale(1.0); }
  to   { transform: scale(5.0); }
}

@media (prefers-reduced-motion: reduce) {
  a:hover {
    transform: none;
  }
}