/* Reset */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    height:100%;
    font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;
}

/* Tło */

.background{
    position:fixed;
    inset:0;
    background:url("../img/background.jpg") center center / cover no-repeat;
    z-index:-2;
}

/* Ciemna warstwa */

.overlay{
    position:fixed;
    inset:0;
    background:rgba(14,14,14,0.90);
    z-index:-1;
}

/* Wyśrodkowanie logo */

.hero{
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* Logo */

.logo{
    width:min(336px,56vw);
    height:auto;
    display:block;
    filter:brightness(95%);
}

/* Stopka */

footer{
    position:fixed;
    left:0;
    bottom:30px;
    width:100%;
    text-align:center;
    color:#6B6B6B;
    font-size:14px;
    letter-spacing:.05em;
}

/* Link w stopce */

footer a{
    color:#6B6B6B;
    text-decoration:none;
    transition:color .25s ease;
}

/* Link po najechaniu */

footer a:hover{
    color:#A5A5A5;
    text-decoration:underline;
    text-underline-offset:3px;
}