.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background: linear-gradient(
    -90deg,
    rgba(8, 24, 45, 1) 0%,
    rgba(8, 24, 45, 1) 80%,
    rgba(8, 24, 45, 0) 100%
  );
  transition: right 0.3s ease-in-out;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 2rem;
}

.mobile-menu.open {
  right: 0;
}

.mobile-menu a.active {
  text-decoration: underline;
}

#close-menu i {
  color: #91e41e;
}

.bold {
  font-family: bold;
}

.regular {
  font-family: regular;
}