/* Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap');

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

html {
    scroll-behavior: smooth;
}

body {

    font-family: 'Manrope', sans-serif;
    background: #f6f2ea;
    overflow-x: hidden;
    position: relative;

}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

img {
    display: block;
    width: 100%;
}

button {
    cursor: pointer;
    border: none;
    font-family: inherit;
}

:root {

    --green: #6d7351;
    --green-dark: #4b5638;

    --cream: #faf7f1;

    --text: #303030;

    --orange: #d98b55;

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

    --radius: 24px;

}

.page-bg {

    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url("../images/bodyBg.webp") center center/cover;

    z-index: -1;

}

.page-bg::after {

    content: "";

    position: absolute;

    width: 100%;
    height: 100%;

    background:

        linear-gradient(rgba(255, 255, 255, .25),

            rgba(255, 255, 255, .25)),

        rgba(245, 240, 232, .25);

    backdrop-filter: blur(1px);

}

.container {

    width: min(1500px, 92%);
    margin: auto;

}