@font-face {
    font-family: 'Bahianita';
    src: url('fonts/Bahianita-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*
 * Typography Scale CSS
 * Generated with Type Scale Generator
 */

/* Fluid Typography Settings
 * Min Viewport: 320px
 * Max Viewport: 1200px
 * Note: Only applies to text larger than 1rem
 */

:root {
    --base-size: 16px;
    --scale-ratio: 1.2;
    --body-font: "Inter";
    --body-weight: 500;
    --body-line-height: 1.5;
    --body-letter-spacing: normal;
    --body-color: #222222;
    --body-background: #68b0e0;

    --heading-font: var(--body-font);
    --heading-weight: 700;
    --heading-line-height: 1.25;
    --heading-letter-spacing: normal;
    --heading-color: var(--body-color);
}

/* Base styles */
body {
    font-family: var(--body-font);
    font-size: var(--base-size);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    color: var(--body-color);
    /* background: var(--body-background); */
    background-image: url(bg.png);
    /* background-size: cover; */
    /* first value: width of the image, second value: height */
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--body-background);
}

/* Type scale */
.smallest {
    font-size: 0.694rem;
}

.caption {
    font-size: 0.833rem;
}

.body {
    font-size: 1rem;
}

h6 {
    font-size: clamp(0.9rem, 0.791rem + 0.545vw, 1.2rem);
}

h5 {
    font-size: clamp(1.08rem, 0.949rem + 0.655vw, 1.44rem);
}

h4 {
    font-size: clamp(1.296rem, 1.139rem + 0.785vw, 1.728rem);
}

h3 {
    font-size: clamp(1.555rem, 1.367rem + 0.943vw, 2.074rem);
}

h2 {
    font-size: clamp(1.866rem, 1.64rem + 1.131vw, 2.488rem);
}

h1 {
    font-size: clamp(2.24rem, 1.968rem + 1.357vw, 2.986rem);
}

/* Headings */
h6,
h5,
h4,
h3,
h2,
h1 {
    font-family: var(--heading-font);
    font-weight: var(--heading-weight);
    line-height: var(--heading-line-height);
    letter-spacing: var(--heading-letter-spacing);
    color: var(--heading-color);
}

.bramblett-title {
    font-family: "Bahianita", sans-serif;
    font-size: 18vw;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px #2E6F40;
}

/* Medium devices (tablets, 768px and up) */ 
@media (min-width: 768px) {
    .bramblett-title {
        font-size: 8vw;
    }
}