nav{
    width: 20%;
    background-color: cornflowerblue;
    padding: 1%;
    margin: 5% 6%;
    border: white 2px solid;
    border-radius: 20px;
    box-shadow: 8px 10px 5px #000000;
}

nav ul {
    list-style-type: none;
    margin: 10%;
    padding: 0px;
}
nav.top ul a{
    display: block;
    border: 2px solid #333333;
    text-align: right;
    text-decoration: none;
    margin: 1%;
    padding: 5%;
    border-radius: 50px;
    font-family: "nawigacja","Arial","Times New Roman";
    font-size: 150%;
}
nav.top ul a {
    background: white url("obrazki/naw2.png") no-repeat;
    color: #333333;
    background-position: 5% 5%;
    background-size: 20%;
    background-repeat: no-repeat;
}
nav.top ul a:hover {
    background: white url("obrazki/naw.png") no-repeat;
    background-position: 2% 2%;
    background-size: 20%;
    color: red;
    transition: 0.2s;
    border: red solid 2px;
}