.menuprinc ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px;
    display: flex;
    gap: 20px;
}
.menuprinc ul li a {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-open-sans);
    color: #4f4f4f;
    text-decoration: none;
    transition: all 200ms linear;
}
.menuprinc ul li a:hover {
    color: #2a5838;
}
.attention a,
.attention a:link,
.attention a:active,
.attention a:visited {
    padding: 5px 20px;
    border-radius: 150px;
    color: #fff;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffaa00+0,ff0000+100 */
    background: linear-gradient(to bottom,  rgba(255,170,0,1) 0%,rgba(255,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.attention a:hover {
    color: #fff;
    background: #000;
}