/* :root { */
/*     /1* Typography *1/ */
/*     --ff: "Helvetica Neue", Helvetica, Arial, sans-serif; /1* Font family *1/ */
/*     --h1: bold 1.125rem/1.4em var(--ff); /1* Headings *1/ */
/*     --h2: bold 1rem/1.4em var(--ff); /1* Subheadings *1/ */
/*     --p: 1rem/1.4em var(--ff); /1* Default/Body text *1/ */
/*     --p2: 0.875rem/1.4em var(--ff); /1* Secondary Information *1/ */

/*     /1* /2* Colors *2/ *1/ */
/*     /1* --gray100: hsl(0, 0%, 100%); /2* Pure white *2/ *1/ */
/*     /1* --gray70: hsl(0, 0%, 70%);   /2* Light gray *2/ *1/ */
/*     /1* --gray0: hsl(0, 0%, 0%);     /2* Pure black *2/ *1/ */

/*     /1* Base color variables *1/ */
/*     --base-color-background: hsl(0, 0%, 95%); /1* #f4f4f4 *1/ */
/*     --base-color-text: hsl(0, 0%, 20%); /1* #333333 *1/ */
/*     --base-color-primary: hsl(211, 100%, 25%); /1* #011936 *1/ */
/*     --base-color-secondary: hsl(211, 100%, 40%); /1* #0056b3 *1/ */
/*     --base-color-highlight: hsl(211, 100%, 47%); /1* #007bff *1/ */
/*     --base-color-accent: hsl(0, 0%, 80%); /1* #cccccc *1/ */
/*     --base-color-border: hsl(0, 0%, 60%); /1* #999999 *1/ */
/*     --base-color-hover: hsl(211, 100%, 96%); /1* #e9f1ff *1/ */

/*     /1* Light mode colors *1/ */
/*     --color-background: hsl(0, 0%, var(--base-color-background)); */
/*     --color-text: hsl(0, 0%, var(--base-color-text)); */
/*     --color-primary: hsl(211, 100%, var(--base-color-primary)); */
/*     --color-secondary: hsl(211, 100%, var(--base-color-secondary)); */
/*     --color-highlight: hsl(211, 100%, var(--base-color-highlight)); */
/*     --color-accent: hsl(0, 0%, var(--base-color-accent)); */
/*     --color-border: hsl(0, 0%, var(--base-color-border)); */
/*     --color-hover: hsl(211, 100%, var(--base-color-hover)); */

/*     --warning-bg-color: #fff3cd; /1* Light yellow for warning *1/ */
/*     --warning-border-color: #ffc107; /1* Amber for borders *1/ */
/*     --warning-text-color: #856404; /1* Dark amber text *1/ */
/*     /1* --warning-font-family: "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /2* Monospace family *2/ *1/ */

/*     --info-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
/*     --info-color-text: hsl(0, 0%, 20%); /1* Dark gray *1/ */
/*     --info-color-heading: hsl(211, 100%, 25%); /1* Dark blue *1/ */
/*     --info-color-background: hsl(0, 0%, 98%); /1* Light gray background *1/ */
/*     --info-color-link: hsl(211, 100%, 47%); /1* Highlight blue *1/ */
/*     --info-color-link-hover: hsl(211, 100%, 35%); /1* Slightly darker blue *1/ */
/*     --info-line-height: 1.6; */
/*     --info-max-width: 800px; */
/*     --info-margin: auto auto; */
/* } */

/* :root.dark-mode { */
/*     /1* Dark mode colors calculated by inverting light mode variables *1/ */
/*     --color-background: hsl(0, 0%, calc(100% - var(--base-color-background))); */
/*     --color-text: hsl(0, 0%, calc(100% - var(--base-color-text))); */
/*     --color-primary: hsl(211, 100%, calc(100% - var(--base-color-primary))); */
/*     --color-secondary: hsl(211, 100%, calc(100% - var(--base-color-secondary))); */
/*     --color-highlight: hsl(211, 100%, calc(100% - var(--base-color-highlight))); */
/*     --color-accent: hsl(0, 0%, calc(100% - var(--base-color-accent))); */
/*     --color-border: hsl(0, 0%, calc(100% - var(--base-color-border))); */
/*     --color-hover: hsl(211, 100%, calc(100% - var(--base-color-hover))); */
/* } */

/* html { */
/*     scroll-behavior: smooth; */
/* } */

body {
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #f4f4f4;
    color: #333;
    line-height: 1.6;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    animation: fadeIn 1s ease-in-out;
}

/* NEW STYLES */
/* h1 { */
/*     font: var(--h1); */
/*     color: var(--color-text); */
/* } */

/* h2 { */
/*     font: var(--h2); */
/*     color: var(--color-text); */
/* } */

/* p { */
/*     font: var(--p); */
/*     color: var(--color-text); */
/* } */

/* p.secondary { */
/*     font: var(--p2); */
/*     color: var(--color-text-secondary); */
/* } */
/* END OF NEW STYLES */

.hero-title {
    font-size: 42px;
    white-space: nowrap; /* This prevents the text from wrapping */
}

/* .hero-title emailer { */
/*     text-align: center; */
/* } */

.hero-subtitle {
    font-size: 24px;
    text-align: center;
    margin-top: 16px;
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}