*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Poppins',sans-serif;
    background:#f8f5ef;

    overflow-x:hidden;
    overflow-y:auto;

    min-height:100vh;

    position:relative;

}

/* Soft paper texture */

body::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.8),transparent 40%),
    radial-gradient(circle at 80% 10%,rgba(255,255,255,.6),transparent 35%),
    radial-gradient(circle at 70% 90%,rgba(255,255,255,.5),transparent 40%);

    z-index:-2;

}

/* Golden particles */

#particles{

    position:absolute;

    inset:0;

    overflow:hidden;

}

.particle{

    position:absolute;

    width:3px;

    height:3px;

    border-radius:50%;

    background:#d4af37;

    opacity:.5;

    animation:float 8s linear infinite;

}

/* Center */

.container{

    width:90%;
    max-width:900px;

    margin:80px auto;

    text-align:center;

    padding-bottom:80px;

}

h3{

    font-size:15px;

    color:#777;

    letter-spacing:5px;

    text-transform:uppercase;

}

h1{

    font-family:'Great Vibes',cursive;

    font-size:82px;

    font-weight:400;

    color:#2b2b2b;

    margin-top:10px;

}

h2{

    font-size:46px;

    font-weight:300;

    color:#d05d83;

    margin-bottom:40px;

}

/* Photo */

.photoCard{

    width:min(320px,85vw);

    background:white;

    padding:12px;

    margin:40px auto;

    border-radius:8px;

    box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.photoCard:hover{

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

}

.photoCard img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    border-radius:4px;

}

/* Quote */

p{

    margin-top:35px;

    font-size:19px;

    color:#555;

    line-height:34px;

}

/* Button */

button{

    margin-top:40px;

    padding:15px 38px;

    border:none;

    background:#d05d83;

    color:white;

    border-radius:40px;

    font-size:16px;

    cursor:pointer;

    transition:.4s;

}

button:hover{

    transform:translateY(-4px);

    box-shadow:

    0 12px 30px rgba(208,93,131,.35);

}

/* Corners */

.corner{

    position:absolute;

    width:140px;

    height:140px;

    opacity:.08;

    background:url("images/tulip.png") center/contain no-repeat;

}

.tl{

    top:30px;

    left:30px;

}

.tr{

    top:30px;

    right:30px;

    transform:scaleX(-1);

}

.bl{

    bottom:30px;

    left:30px;

}

.br{

    bottom:30px;

    right:30px;

    transform:scaleX(-1);

}

/* Animation */

@keyframes float{

    from{

        transform:translateY(100vh);

    }

    to{

        transform:translateY(-120px);

    }

}

@media(max-width:768px){

    h1{

        font-size:58px;

    }

    h2{

        font-size:34px;

    }

    .photoCard{

        width:220px;

    }

    p{

        font-size:16px;

        line-height:28px;

    }

}