/* ---------- GENERAL ---------- */

body{

    margin:0;
    padding:40px;

    background-color:#560412;
    background-image: url('https://www.profilerehab.com/pb/designs/flowers/maroon_flower_background_8.jpg');
    background-repeat: no-repeat;
    font-family:Tahoma, sans-serif;

    color:FloralWhite;

    line-height:1.7;
}

h1, h2, h3 {
    font-family: "Brush Script MT", cursive;
}

a.home-button{

    display:inline-block;

    margin-bottom:25px;

    background:#560412;

    color:FloralWhite;

    text-decoration:none;

    border:2px solid FloralWhite;

    border-radius:12px;

    padding:10px 18px;

    font-weight:bold;

    transition:.2s;

}

a.home-button:hover{

    background:FloralWhite;

    color:#560412;

    transform:translateY(-2px);

}

.container{

    width:80%;

    max-width:1100px;

    margin:0 auto;

    padding:20px;

}

/* ---------- TOP CONTAINER ---------- */

.intro-text{

    background:#560412;

    border:3px solid FloralWhite;

    border-radius:18px;

    padding:35px;

    box-shadow:0 10px 25px rgba(0,0,0,.35);

}

/* ---------- HEADER ---------- */

.photo-header-container {
    text-align: center;
}

.photo-header {

    display: inline-block;

    background: #560412;

    border: 3px solid FloralWhite;

    border-radius: 18px;

    padding: 10px 25px;

    box-shadow: 0 10px 25px rgba(0,0,0,.35);

    color: FloralWhite;

    margin-bottom: 35px;

   vertical-align:middle;

}

.photo-header h1{

    font-size:3rem;

    margin:0 0 10px 0;

    color:FloralWhite;
}

.photo-header p{

    max-width:650px;

    margin:0;

    font-size:1.05rem;
}

/* ---------- INTRO ---------- */

.intro{

    display:grid;

    grid-template-columns:300px 1fr;

    gap:40px;

    align-items:center;

}

.intro img{

    width:100%;

    border-radius:12px;

    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.intro h2{

    margin-top:0;

    color:FloralWhite;
}

.intro-text{

    background:#560412;

    border:2px solid FloralWhite;

    border-radius:18px;

    padding:30px;

    box-shadow:0 8px 20px rgba(0,0,0,.3);

}

/* ---------- GALLERY ---------- */

.gallery-title{

    display:inline-block;

    background:#560412;

    border:3px solid FloralWhite;

    border-radius:18px;

    padding:10px 25px;

    box-shadow:0 10px 25px rgba(0,0,0,.35);

    color:FloralWhite;

    margin:0 auto 35px;
}

.gallery-title-container{
    text-align:center;
}

.gallery{

    display:grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap:30px;

    max-width:900px;

    margin:0 auto;

}

/* ---------- PHOTO CARD ---------- */

.gallery figure{

    margin:0;

    background:FloralWhite;

    padding:14px;

    border-radius:8px;

    box-shadow:0 8px 18px rgba(0,0,0,.15);

    transform:rotate(-1deg);

    transition:.25s;
}

.gallery figure:nth-child(even){

    transform:rotate(1deg);
}

.gallery figure:hover{

    transform:rotate(0deg) scale(1.03);
}

.gallery img{

    width:100%;

    display:block;

    border-radius:4px;
}

.gallery figcaption{

    margin-top:12px;

    text-align:center;

    font-size:.95rem;

    color:#52101b;
}

/* ---------- FOOTER ---------- */

footer{

    margin-top:70px;

    text-align:center;

    color:FloralWhite;

    font-style:italic;
}

/* ---------- MOBILE ---------- */

@media(max-width:700px){

.intro{

grid-template-columns:1fr;

text-align:center;

}

.photo-header h1{

font-size:2.3rem;

}

}