/* ==========================================================
   DK Books
   Warrior Angel Studio
========================================================== */

:root{
    --gold:#d4b06b;
    --gold-light:#f4ddb0;
    --bg:#090705;
}

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

html,
body{
    width:100%;
    height:100%;
}

body{
    overflow:hidden;
    background-color:var(--bg);

    background-image:
        linear-gradient(
            rgba(0,0,0,.05),
            rgba(0,0,0,.20)
        ),
        url("books.jpg");

    background-repeat:no-repeat;
    background-size:cover;

    /* <<< Najważniejsza zmiana */
    background-position:center top;

    font-family:Georgia,"Times New Roman",serif;
}

.landing-page{
    width:100%;
    height:100vh;
    position:relative;
}

/* ==========================================================
   WEJDŹ
========================================================== */

.entry{
    position:absolute;
    left:50%;
    bottom:80px;

    transform:translateX(-50%);
}

.entry-link{

    color:var(--gold-light);

    text-decoration:none;

    font-size:2rem;

    letter-spacing:.35em;

    text-transform:uppercase;

    text-shadow:
        0 0 12px rgba(0,0,0,.8),
        0 0 18px rgba(212,176,107,.45);

    transition:.25s;
}

.entry-link:hover{

    color:#ffffff;

    text-shadow:
        0 0 10px rgba(255,255,255,.8),
        0 0 24px rgba(212,176,107,.8);

    transform:scale(1.05);

}

/* ==========================================================
   Monitory 21:9
========================================================== */

@media (min-aspect-ratio:18/9){

    body{

        background-size:100% auto;
        background-position:center top;

    }

}

/* ==========================================================
   Tablety
========================================================== */

@media (max-width:900px){

    body{

        background-position:50% top;

    }

}

/* ==========================================================
   Telefony
========================================================== */

@media (max-width:600px){

    body{

        background-position:54% top;

    }

    .entry{

        bottom:22px;

    }

    .entry-link{

        font-size:1.35rem;

        letter-spacing:.25em;

    }

}