/*==============================
RESET
==============================*/

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

body{

    font-family:Georgia,serif;

    background:#d7c6a2;

    background-image:
    radial-gradient(rgba(0,0,0,.03) 1px,transparent 1px);

    background-size:18px 18px;

    display:flex;

    justify-content:center;

    padding:60px 20px;

    color:#4d3927;

}

/*==============================
BOOK
==============================*/

.guestbook{

    width:min(850px,100%);

    background:#f7f1e5;

    border-radius:8px;

    padding:60px;

    box-shadow:
    0 20px 60px rgba(0,0,0,.25);

    position:relative;

}

/*==============================
PAPER EDGES
==============================*/

.guestbook::before{

    content:"";

    position:absolute;

    inset:12px;

    border:2px dashed rgba(90,60,30,.12);

    pointer-events:none;

}

/*==============================
TITLE
==============================*/

h1{

    font-family:"Brush Script MT",cursive;

    font-size:3.5rem;

    text-align:center;

    margin-bottom:10px;

    color:#4b3827;

}

.intro{

    text-align:center;

    line-height:1.8;

    margin-bottom:50px;

    font-style:italic;

    color:#6f5843;

}

/*==============================
ENTRY
==============================*/

.entry{

    margin-bottom:35px;

    padding-bottom:25px;

    border-bottom:1px dashed rgba(0,0,0,.15);

}

.entry h3{

    font-size:1.4rem;

    margin-bottom:10px;

    color:#3d2d1d;

}

.entry p{

    line-height:1.8;

    color:#5b4634;

}

/*==============================
BUTTON
==============================*/

.home-btn{

    display:block;

    width:fit-content;

    margin:60px auto 25px;

    padding:15px 36px;

    background:#2f8d63;

    color:#fff;

    text-decoration:none;

    border-radius:40px;

    transition:.3s;

    font-weight:600;

}

.home-btn:hover{

    background:#256d4c;

    transform:translateY(-3px);

}

/*==============================
SIGNATURE
==============================*/

.signature{

    text-align:center;

    font-style:italic;

    opacity:.65;

    letter-spacing:1px;

}

/*==============================
MOBILE
==============================*/

@media(max-width:768px){

.guestbook{

    padding:35px 25px;

}

h1{

    font-size:2.5rem;

}

}