/* ==========================================================
   STRONA TEKSTY
========================================================== */

.teksty-section,
.tekst-section{
    max-width:900px;
    margin:70px auto;
    padding:0 20px;
}

.teksty-opis{
    text-align:center;
    color:#d8d8d8;
    font-size:1.15rem;
    margin-bottom:45px;
}

/* ==========================================================
   LISTA UTWORÓW
========================================================== */

.lista-utworow{
    display:flex;
    flex-direction:column;
    gap:20px;
    max-width:700px;
    margin:0 auto;
}

.utwor{

    display:block;

    padding:20px;

    background:#171717;

    color:#d4af37;

    text-align:center;

    text-decoration:none;

    font-size:1.2rem;

    font-weight:600;

    border:1px solid rgba(212,175,55,.35);

    border-radius:12px;

    transition:.25s;

}

.utwor:hover{

    background:#1e1e1e;

    border-color:#d4af37;

    transform:translateY(-2px);

    box-shadow:0 0 18px rgba(212,175,55,.18);

}

/* ==========================================================
   PERGAMIN
========================================================== */

.pergamin{

    max-width:900px;

    margin:45px auto 60px;

    padding:55px 45px;

    background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 45%),
        radial-gradient(circle at 80% 70%,rgba(255,255,255,.08),transparent 40%),
        linear-gradient(180deg,#f7eccf,#ead7a8);

    border:1px solid #b79c63;

    border-radius:12px;

    box-shadow:
        0 0 45px rgba(0,0,0,.45),
        inset 0 0 80px rgba(90,60,15,.22),
        inset 0 0 8px rgba(0,0,0,.18);

    position:relative;

    overflow:hidden;

}

/* faktura papieru */

.pergamin::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.25;

    background:
        radial-gradient(circle,rgba(0,0,0,.05) 1px,transparent 1px);

    background-size:7px 7px;

}

/* przyciemnione brzegi */

.pergamin::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    box-shadow:
        inset 0 0 80px rgba(70,40,0,.35);

}

/* ozdobnik */

.ozdobnik{

    text-align:center;

    font-size:42px;

    color:#8b6a1b;

    margin-bottom:30px;

    font-family:'Cinzel',serif;

}

/* tekst */

.pergamin pre{

    margin:0;

    white-space:pre-wrap;

    word-break:break-word;

    font-family:Georgia,Garamond,serif;

    font-size:1.45rem;

    line-height:2;

    color:#3b2a10;

}

/* ==========================================================
   POWRÓT
========================================================== */

.powrot{

    text-align:center;

    margin:50px 0;

}

.powrot a{

    color:#d4af37;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

    transition:.25s;

}

.powrot a:hover{

    color:#fff;

}

/* ==========================================================
   TELEFON
========================================================== */

@media(max-width:768px){

.teksty-section,
.tekst-section{

    margin:40px auto;

    padding:0 18px;

}

.teksty-opis{

    font-size:1rem;

    margin-bottom:35px;

}

.tekst-section h1{

    font-size:2.4rem;

    margin-bottom:30px;

}

.utwor{

    font-size:1.05rem;

    padding:18px;

}

.pergamin{

    margin-top:30px;

    padding:35px 22px;

}

.pergamin pre{

    font-size:1.15rem;

    line-height:1.9;

}

.ozdobnik{

    font-size:34px;

    margin-bottom:22px;

}

}