body {
    background-color: rgb(153, 140, 106);
    font-family:Tahoma;
    font-family: 'Trebuchet MS', sans-serif;
}
header {
    height:200px;
    width:100%;
    background-color: rgb(219, 194, 123);
    text-align:center;
    color: rgb(138, 136, 58);
    border:2px solid black;
}
.art {
    background-color: rgb(219, 194, 123);
    border:2px solid black;
    height: 500px;
    width:900px;
    padding:5px;
    margin-top:20px;
    position:absolute;
    left: 50%;
    transform: translate(-50%);
}
.nav {
    background-color: rgb(219, 194, 123);
    border:2px solid black;
    height: 400px;
    width:150px;
    margin-top:20px;
    float:left;
    margin-left:100px;
    position: sticky;
    top: 0;
}
.nav2 {
    background-color: rgb(219, 194, 123);
    border:2px solid black;
    height: 400px;
    width:150px;
    margin-top:20px;
    float:right;
    margin-right:100px;
    position: sticky;
    top: 0;
}
.zdjecie {
    float:left;
    border-radius:5px;
}
h3 {
    text-align:center;
    margin:60px 0px 45px 0px;
}
.a2 {
    width: 50px;
    height: 30px;
    font-family:Arial;
    font-size: 20px;
}
nav ul li {
    right:30px;
}
nav ul li ul li {
    left:5px;
}
nav ul li {
position: relative;
color: black;
padding:10px;
list-style-type:none;
}
nav ul li ul {
    display:none;
    position:absolute;
    background-color: rgb(237, 208, 90);
    padding: 10px;
    border: 2px solid black;
    border-radius: 5px;
}
nav ul li:hover ul {
    display:block;
}
nav ul li {
    width:210px;
}
nav ul li a {
    padding: 5px 7px;
    color: #222;
    font-size:20px;
    text-decoration: none;
    transition: all .2s ease-in-out; 
}
nav ul li a:hover {
    background-color: #f3f3f3;
}