CSS

#title a{text-decoration:none;
font-size:72px;display:block;
color:black;
width:100%;
animation-name:anim-title;
animation-duration:5s}

ol{margin:0px;}

ol li {list-style:none;
float:left;
width:24%;
height:4%;
transition-duration: 1s;
padding-top:0.3%;
padding-bottom:0.3%;
margin:2px;
background-color:#BBBBBB;
border-radius:5px;}

@keyframes anim-artykuł {

    from {margin-left:-60%;}
    to {margin-left:40px}
}

@keyframes anim-title {
    from {margin-top:-100%;}
    to {margin-top:0px}
}


ol li:hover{background-color:#5D0102;
width:26%;}

li a{text-decoration:none;
color:black;
display:block;
text-align:center;
padding:1%;
font-size:20px}

#obraz>img{height:66%;
width:40%;
margin-left:40px;
float:left;
margin-top:16px;
border:2px solid #5D0102;
box-shadow:0 0 10px black;
}

#artykuł{float:left;
width:50%;height:67.5%;
margin-left:40px;
background-color:white;
border:2px solid #5D0102;
box-shadow:0px 0px 10px black;
margin-top:16px;
background-image: url();
animation-name:anim-artykuł;
animation-duration:5s}

body{background-size:1366px 768px}

hr{background-color:#5D0102;
color:#5D0102;
height:2px;
width:94%;}