@font-face {
            font-family: 'Poppins-Bold';
            src: url('fonts/Poppins-Bold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Poppins-Semi-Bold';
            src: url('fonts/Poppins-SemiBold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Poppins-Regular';
            src: url('fonts/Poppins-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'OpenSans-Bold';
            src: url('fonts/OpenSans-Bold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'OpenSans-Regular';
            src: url('fonts/OpenSans-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Christmas';
            src: url('fonts/ChristmasMerryland.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Awesome';
            src: url('fonts/Awesome.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Great-Lakes';
            src: url('fonts/GreatLakesNF.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Great-Lakes-Shadow';
            src: url('fonts/GreatLakesShadowNF.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Marcellus';
            src: url('fonts/Marcellus-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Jost-Regular';
            src: url('fonts/Jost-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Jost-SemiBold';
            src: url('fonts/Jost-SemiBold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Jost-Thin';
            src: url('fonts/Jost-Thin.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        :root{
            --background-color: #151719;
            --primary-blue-dark:#044962;
            --primary-blue-dark-rgb:4,73,98;
            --primary-blue:#60caf0;
            --primary-blue-rgb: 96,202,240;
            --primary-green: #7a9f60;
            --primary-green-rgb:122,159,96;
            --primary-green-dark:#27331f;
            --primary-green-dark-rgb:42,51,31;
            --highlight-orange:#d2691e;
            --highlight-orange-light:#ff984e;
            --highlight-gold:#ffd700;
            --gradient-hero: linear-gradient(135deg, rgba(var(--primary-blue-dark-rgb),0.8) 0%, rgba(var(--primary-blue-dark-rgb),0.8) 50%, rgba(var(--primary-blue-dark-rgb),0.336) 100%);

            /* From upcoming */
            --sand: #f5ede0;
            --earth: #c4956a;
            --deep: #1a1209;
            --forest: #2d4a3e;
            --gold: #d4a843;
            --muted: #7a6a58;
            --card-bg: #fff8f0;

            /* Text Colors */
            --text-light: #f5f5f5;
            --text-dark: #2c2c2c;
            --text-grey: rgba(44, 44, 44,0.1);
            --text-white: #fff;
            --text-black: #000;

            /* Text Fonts */
            --playful-heading: 'Christmas',sans-serif;
            --playful-subheading: 'Awesome',sans-serif;
            --major-heading: 'Marcellus',sans-serif;
            --minor-heading: 'Poppins-Bold',sans-serif;
            --paragraph:'Poppins-Regular',sans-serif;
            --paragraph-thin:'Jost-Thin',sans-serif;
            --paragraph-semi:'Jost-SemiBold',sans-serif;
            --paragraph-regular:'Jost-Regular',sans-serif;

            /*Sizing*/
            --sizing-1: 8px;
            --sizing-2: 16px;
            --sizing-3: 24px;
            --sizing-4: 32px;
            --sizing-5: 40px;
            --sizing-6: 48px;
            --sizing-7: 56px;
            --sizing-8: 64px;
            --sizing-9: 72px;
            --sizing-10: 80px;
            --sizing-11: 88px;
            --sizing-12: 96px;
            --sizing-13: 104px;
            --sizing-14: 112px;
            --sizing-15: 120px;

            /*Rem Sizes*/
            --sizing-rem-1:1rem;
            --sizing-rem-2:2rem;
            --sizing-rem-3:3rem;
            --sizing-rem-4:4rem;
            --sizing-rem-5:5rem;
            --sizing-rem-6:6rem;
            --sizing-rem-7:7rem;
            --sizing-rem-8:8rem;
            --sizing-rem-9:9rem;
            --sizing-rem-10:10rem;


        }