/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');



/* Global Styles */
body {
    font-family: "PT Sans", sans-serif;
}

:root {
    /* Set default viewport units */
    --dvh: 100dvh;
    --lvh: 100lvh;
    --svh: 100svh;

    /* Safe area insets */
    --safe-area-top: env(safe-area-inset-top);
    --safe-area-bottom: env(safe-area-inset-bottom);
}

.custom-dvh {
    /* Use 100vh and account for safe areas */
    height: calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom));
}

.snap-container {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    /* Use 100vh and account for safe areas */
    height: calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom));
}

.snap-section {
    /* Use 100vh and account for safe areas */
    height: calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom));
    scroll-snap-align: start;
}


/* Team Member Styles */
.team-member img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 3px solid #ffffff;
}

@media (max-width: 400px) {

    .mt-5 {
        margin-top: 1rem !important;
    }

    .mb-4{
        margin-bottom: 0.3rem !important;
    }

    .custom-text-spacing {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
    
    .team-member img {
        margin-bottom: 0.5rem;
    }
}