h2 {
    color: darkgreen;
    text-align: center;
    padding: 5px
}

ul {
    margin: 10px;
    padding: 10px 0;
    list-style: none;
}

li {
    margin: 5px 0;
}

:root {
    --mainColor: darkgreen;
}

li a:hover {
    transition: 0.3s;
    background: linear-gradient(
            to right,
            var(--mainColor) 0%,
            var(--mainColor) 5px,
            transparent
    );
}

a {
    transition: 0.3s;
    background: linear-gradient(
            to right,
            var(--mainColor) 0%,
            var(--mainColor) 5px,
            transparent 5px
    );
    background-repeat: repeat-x;
    background-size: 100%;
    color: #000;
    padding-left: 10px;
    text-decoration: none;
}