/* CSS content from previous message truncated for brevity */
html {
    scroll-behavior: smooth;
    /* Enables smooth scrolling */
}


/* Custom styles for fonts and other specific adjustments */
body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
}

/* Custom button style for consistency */
.btn-primary {
    @apply bg-amber-700 text-white px-8 py-3 rounded-lg hover:bg-amber-800 transition duration-300 ease-in-out shadow-lg;
}

.btn-secondary {
    @apply border border-amber-700 text-amber-700 px-8 py-3 rounded-lg hover:bg-amber-700 hover:text-white transition duration-300 ease-in-out;
}

/* Custom hero section background image */
.hero-bg {
    background-image:  linear-gradient(rgba(217, 119, 6, 0.1), rgba(217, 119, 6, 0.1)), url('images/banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Custom tranquility section background image */
.tranquility-bg {
    background-image: url('https://placehold.co/1920x1080/D4C4B0/5C4033?text=Photo+of+Tranquility+Surfboards');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 1;
}