@font-face {
    font-family: 'Outfit';
    src: url('/fonts/Outfit-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('/fonts/Outfit-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('/fonts/Outfit-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('/fonts/Outfit-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

:root {
    --outfit: 'Outfit', sans-serif;
    --white: #FAFAFA;
    --orange: #E0BF00;
    --black: #212121;
    --grey: #757575;
    --softorange: #d8ce85;
    --darkgreen: #003A3D;
    --softgreen: #14656a;
    --darkblue: #304B73; 
}

.custom-spacer{
    height: 100dvh;
    width: 100%;
}


html {
    scroll-behavior: smooth;
}


body, html{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--outfit);
}