menu.css

.menu { 
  position: absolute; 
  background-color: #6929c4; 
  color: #fff; 
  z-index: 30; 
}
    
.menu--right { 
  top: 0; 
  right: 0; 
  width: 250px; 
  height: 
  100vh; 
}
    
.menu--full {
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
    
.menu-list { 
  padding: 0; 
  list-style: none; 
}
    
.menu-list--right { 
  margin: 100px 24px; 
}
    
.menu-list-item--full { 
  font-size: 5em; 
  margin: 40px 0; 
}
    
.menu-list-item { 
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }
    
.menu-list-item--right { 
  margin: 24px 0; 
}

.menu a { 
  text-decoration: none; 
  color: #e8daff; 
}
    
.menu a:hover, 
.menu a:focus { 
  color: #fff; 
}