/* style.css */
body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, #0063cb, #000000); /* Gradient z určenej modrej do čiernej */
    background-repeat: no-repeat; /* Zabránenie opakovaniu pozadia */
    background-attachment: fixed; /* Udržiavanie pozadia na mieste pri posúvaní */
    background-size: cover; /* Roztiahnutie pozadia na pokrytie celej obrazovky */
}

.container img {
    max-width: 90%; /* Menšia max šírka, aby obrázok nezaberal celú šírku pri veľkých rozlíšeniach */
    height: auto;
}