*{font-family: Georgia;   }
header, footer {
    background-color: maroon;
    text-align: center;
    padding: 2px;
    color:white;
}
#lewy, #srodkowy, #prawy {
    background-color: lightsalmon;
    height: 527px;
}
#lewy, #prawy {width: 15%; float: left;}
#srodkowy{
    width: 70%;
    margin: auto;
    /* padding-top: 45px; */
    float: left;
}
#srodkowy img {
    padding-top: 45px;
    scale:120%
}
#srodkowy img:hover{
    animation: powiekszenie_animka 5s ease-in-out;
}
button{
    background-color: lightsalmon;
    color: maroon;
    border-style: none;
    font-size: 400%;
    margin: auto;
    padding-top: 210px;

}
#miniaturki img{
    text-align: center;
    clear: both;
    height: 70px;
    animation-name: nasza_animka;
    animation-duration: 3s;

}
@keyframes nasza_animka {
    from{padding-left: 50px;}
    to{padding-left: 0px;}
}
@keyframes powiekszenie_animka {
    from{transform: scale(1);}
    to{transform: scale(1.2);}
}