/* style.css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;     /* Ustawia wysokość na 100% */
    width: 100%;      /* Ustawia szerokość na 100% */
    overflow: hidden; /* Ukrywa ewentualne przewijanie */
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-container {
    position: fixed;   /* Ustawiamy pozycję stałą, by logo zajmowało cały ekran */
    top: 0;
    left: 0;
    width: 100vw;      /* Ustawiamy szerokość na 100% widoku */
    height: 100vh;     /* Ustawiamy wysokość na 100% widoku */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;       /* Ustawiamy kontener na tle */
}

.logo {
    width: 100%;  /* Logo ma wypełniać 100% szerokości kontenera */
    height: 100%; /* Logo ma wypełniać 100% wysokości kontenera */
    object-fit: cover; /* Logo wypełnia całą przestrzeń, przycięcie zachowujące proporcje */
}