/* =====================================
   ANNA'S MIDNIGHT LIBRARY
   Version 1.0
===================================== */

:root{

    --wall-top:#151827;
    --wall-bottom:#221c1a;

    --wood-dark:#3a2418;
    --wood:#5d3a27;
    --wood-light:#7a5239;

    --gold:#cba66a;
    --gold-soft:#e5d0a5;

}

/* ===== Página ===== */

body{

    margin:0;

    background:#090b12;

    color:#f2eee8;

    font-family:"Cormorant Garamond", serif;

}

/* ===== Cabeçalho ===== */

.library-header{

    text-align:center;

    padding:40px 20px;

}

.library-title{

    font-family:"Cinzel", serif;

    font-size:3rem;

    color:#efe5d4;

    letter-spacing:3px;

    margin:0;

}

.library-subtitle{

    margin-top:10px;

    font-size:1.4rem;

    color:#d5c7ae;

}

/* ===== Biblioteca ===== */

.library{

    width:min(1400px,95%);

    min-height:1200px;

    margin:40px auto;

    border:6px solid var(--wood);

    border-radius:18px;

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
        to bottom,
        var(--wall-top),
        var(--wall-bottom)
    );

    box-shadow:
    0 30px 80px rgba(0,0,0,.55);

}
.library::before{

content:"";

position:absolute;

left:0;

right:0;

top:0;

height:110px;

background:

linear-gradient(

to bottom,

#2e211b,

#442e23

);

border-bottom:8px solid #2d1a13;

}
.library::after{

content:"";

position:absolute;

left:0;

right:0;

bottom:0;

height:140px;

background:

repeating-linear-gradient(

90deg,

#5f4031,

#5f4031 80px,

#734c39 80px,

#734c39 160px

);

border-top:8px solid #42281d;

}