body {
    font-family: Arial, sans-serif;
    margin: 0;
    background: #5d95c9;
}

header {
    background: #74bafc;
    color: black;
    text-align: center;
    padding: 20px;
}

nav {
    background: #146bbc;
    padding: 10px;
    text-align: left;
}

    nav a {
        color: black;
        margin: 10px;
        text-decoration: none;
        font-weight: bold;
    }

        nav a:hover {
            text-decoration: underline;
        }

main {
    width: 80%;
    margin: auto;
    background: #FBB117;
    padding: 20px;
}

img {
    width: 550px;
    display: block;
    margin: auto;
}

.tlacitko img {
    width: 120px;
    cursor: pointer;
    transition: transform 0.2s;
    float: left;
}

    .tlacitko img:hover {
        transform: scale(1.2)
    }

footer {
    background: #146bbc;
    color: black;
    text-align: center;
    padding: 20px;
}