body {
    background-image: url(meditation-8883576_1920.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-family: "Cormorant Garamond", serif;
}

.header {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}

h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: 56px;
    color: #F5EDE5;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

.btn-container {
    margin-top: 200px;
    display: flex;
    justify-content: space-around;
}

button {
    background-color: #1A1A40;
    color: #F5EDE5;
    border: 2px solid #D4A373;
    font-size: 18px;
    padding: 10px 20px;
    cursor: pointer;
    transition: 0.3s ease;
    text-transform: uppercase;
    font-family: "Roboto Serif", serif;
    border-radius: 25px;
}

a {
    text-decoration: none;
    color: inherit;
}

button:hover {
    background-color: #3A3A3A;
    border-color: #D4A373;
    box-shadow: 0 0 10px rgba(212, 163, 115, 0.8);
    background: linear-gradient(90deg, #8B6F47, #000000);
    color: #FFFFFF;
}


/* #btn:nth-child(2) {
    background-color: #3A3A3A;
    border-color: #A9A9A9;
}

#btn:nth-child(3) {
    background-color: #3A3A3A;
    border-color: #A9A9A9;
} */

@media all and (max-width:1200px) {
    body {
        background-attachment: fixed;
    }
}

@media all and (max-width:500px) {
    .btn-container {
        display: flex;
        flex-direction: column;
        gap: 30px
    }
    button {
        background: rgb(25, 27, 60, 0.7);
    }
}