.navigation {
    padding: 10px;
}

.navigation__list {
    max-width: 1000px;
    text-align: center;
    list-style: none;
}

.navigation__link {
    max-width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: rgba(2, 2, 49, 0.897);
    background-color: rgb(178, 166, 231);
    border: 2px inset rgb(58, 128, 221);
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px;
    padding: 10px;
}

.navigation__link:hover {
    color: rgb(93, 9, 114);
    border-bottom: 1px solid;
    outline: none;
}

.navigation__link:active {
    color: rgb(136, 28, 28);
}