body {
    background-color: #fff5f3;
    font-family: "Comic Sans MS", "Trebuchet MS", sans-serif;
    color: #5b3a29;
}

header {
    text-align: center;
    padding: 20px;
}

header h1 {
    color: #d47b8c;
    font-size: 40px;
}

nav {
    text-align: center;
    margin: 20px 0;
}

nav a {
    display: inline-block;
    background-color: #ffe1e7;
    color: #7a4b3a;
    padding: 8px 15px;
    margin: 5px;
    border-radius: 20px;
    text-decoration: none;
    border: 2px solid #dca0ad;
}

nav a:hover {
    background-color: #f8c7d3;
}

.container {
    width: 85%;
    margin: auto;
}

.about {
    text-align: center;
}

.profile {
    width: 300px;
    height: auto;
    display: block;
    margin: 20px auto;
    border-radius: 20px;
    border: 5px dotted #c98b8b;
    padding: 8px;
    background-color: white;
}

.about p {
    background-color: #fffdf9;
    padding: 20px;
    border-radius: 20px;
    border: 3px solid #e8c8b8;
    line-height: 1.6;
}

.divider {
    text-align: center;
    color: #d47b8c;
    font-size: 25px;
}


/* ===== HOME PHOTO GALLERY ===== */

.gallery {
    text-align: center;
    margin-top: 40px;
}

.photos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.photos img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 15px;
    padding: 10px;
}

.photos img:nth-child(1) {
    border: 6px solid #8b5e3c;
    background-color: #fff7ed;
}

.photos img:nth-child(2) {
    border: 6px solid #e89aaa;
    background-color: #ffeef2;
}

.photos img:nth-child(3) {
    border: 6px solid white;
    background-color: white;
}

.photos img:nth-child(4) {
    border: 6px solid #d8b894;
    background-color: #faf0df;
}

.photos img:hover {
    transform: rotate(3deg) scale(1.05);
    transition: 0.3s;
}


/* ===== WRITING PDF BUTTONS ===== */

.book-links {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.book-links a {
    background-color: #ffe1e7;
    color: #7a4b3a;
    padding: 12px 20px;
    border-radius: 20px;
    border: 3px dotted #d47b8c;
    text-decoration: none;
}

.book-links a:hover {
    background-color: #f8c7d3;
}


/* ===== PHOTOGRAPHY POLAROIDS ===== */

.polaroid-wall {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    width: 90%;
    margin: 30px auto;
}

.polaroid {
    background-color: white;
    padding: 12px 12px 25px;
    width: 200px;
    box-shadow: 4px 5px 12px rgba(0,0,0,0.15);
    transform: rotate(-2deg);
    transition: 0.3s;
}

.polaroid:nth-child(even) {
    transform: rotate(3deg);
}

.polaroid:hover {
    transform: scale(1.08) rotate(0deg);
}

.polaroid img {
    width: 100%;
    height: 170px;
    object-fit: contain;
    background-color: #faf7f2;
}


/* ===== WORK LIFE ===== */

.portfolio-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin: 35px auto;
}

.portfolio-card {
    width: 290px;
    background-color: #fffdf9;
    border: 3px dotted #dca0ad;
    border-radius: 20px;
    padding: 14px;
    box-shadow: 4px 5px 12px rgba(0,0,0,0.12);
    transition: 0.3s;
}

.portfolio-card:hover {
    transform: translateY(-6px);
}

.portfolio-card img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    background-color: #faf7f2;
    border-radius: 15px;
}

.portfolio-card h3 {
    text-align: center;
    color: #8b5e3c;
    margin-top: 12px;
    font-size: 18px;
}

.portfolio-card p {
    text-align: center;
    color: #6b5746;
    line-height: 1.5;
    font-size: 14px;
}
/* ===== BOOKSHELF ===== */

.book-gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 30px;
}


.book-card {
    width: 170px;
    text-align: center;
    background-color: #fffdf9;
    padding: 12px;
    border-radius: 15px;
    border: 3px dotted #dca0ad;
    box-shadow: 3px 4px 10px rgba(0,0,0,.12);
    transition: .3s;
}


.book-card:hover {
    transform: translateY(-6px) rotate(2deg);
}


.book-card img {
    width: 150px;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
}


.book-card h3 {
    color: #8b5e3c;
    font-size: 15px;
    margin-top: 12px;
}

/* ===== WRITING BOOK COLLAGES ===== */


.book-preview {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    margin-top:25px;
}


.book-preview a {

    background-color:#ffe1e7;
    color:#7a4b3a;
    padding:12px 20px;
    border-radius:20px;
    border:3px dotted #d47b8c;
    text-decoration:none;

}


.book-preview a:hover {

    background-color:#f8c7d3;

}




.book-collages {

    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:35px;
    margin-top:35px;

}



.book-collage {

    width:330px;
    background:#fffdf9;
    padding:18px;
    border-radius:20px;
    border:3px dotted #dca0ad;
    box-shadow:4px 5px 12px rgba(0,0,0,.12);
    transition:.3s;

}



.book-collage:hover {

    transform:translateY(-6px);

}



.book-cover {

    display:block;
    margin:auto;
    width:210px;
    height:290px;
    object-fit:cover;
    border-radius:10px;
    border:5px solid #d8b894;

}



.book-pages {

    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:15px;

}



.book-pages img {

    width:115px;
    height:150px;
    object-fit:cover;
    border-radius:8px;
    border:3px solid #e89aaa;

}



.book-collage h3 {

    text-align:center;
    color:#8b5e3c;
    margin-top:18px;

}



.book-collage p {

    text-align:center;
    color:#6b5746;
    font-size:14px;
    line-height:1.5;

}