* {
    font-family: Georgia, serif;
    color: white;
}

body, head {
    margin: 0;
}

main {
    display: flex;
}

header, footer {
    background-color: Maroon;
    text-align: center;
    padding: 2px;
}

#lewy, #srodkowy, #prawy {
    background-color: LightSalmon;
    height: 527px;
    box-sizing: border-box; 
}

#lewy, #prawy {
    width: 15%;
}

#srodkowy {
    width: 70%;
    text-align: center;
}

#miniatur {
    background-color: Maroon;
    height: 70px;
    white-space: nowrap;
}

#lewy button, #prawy button {
    background-color: LightSalmon;
    color: Maroon;
    border: none;
    font-size: 400%;
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

#aktywneZdjecie {
    display: block;
    margin: auto;
    padding-top: 45px;
    transform: scale(100%);
    transition: transform 5s;
}

#aktywneZdjecie:hover {
    transform: scale(120%);
}

#miniatur img {
    height: 70px;
    display: inline-block;
    animation: przesunMiniatura 4s forwards;
}

@keyframes przesunMiniatura {
    from { padding-left: 50px; }
    to { padding-left: 0px; }
}