.main-menu {
  background: linear-gradient(#19A670, var(--primary) 70%);
  border-radius: 5px;
  padding: 20px;
  list-style: none;
  font-weight: 600; }
  .main-menu li {
    display: inline;
    margin-right: 10px; }
  .main-menu a {
    color: var(--white);
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 5px; }
    .main-menu a:hover {
      color: var(--primary);
      background: var(--white); }