*/ █▀▄▀█ █ █▄░█ █ █▀▄▀█ ▄▀█ █░░ █ █▀ ▀█▀   █░█ █
   █░▀░█ █ █░▀█ █ █░▀░█ █▀█ █▄▄ █ ▄█ ░█░   █▄█ █ */


/***** CSS Variables *****/

/* --- Hex Values --- */

:root {
  --bright-green: #C8FC83;
	--heading:#0C0E0F;
	--body:#374151;
  --light-grey:#E5E7EB;
}
.bg-green {background-color:#C8FC83}
*::selection {background-color:#C8FC83;color:#0C0E0F}

/* General Utilities */
.hover {
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.hidden {
    display:none !important;
}
.invisible {
    opacity:0;
}
.divider {
    display:block;
    margin:24px 0;
    height:2px;
    background-color:var(--light-grey);
    width:100%;
    float:left;
}
.mobile {
    display:none !important;
}
@media(max-width:767px) {
    .mobile {
        display:inherit !important;
    }
}


/* --- Set Global Font --- */

/* --- Inter --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

html {
    font-family: 'Inter', sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    height:100%;
    line-height:0;
}
body, div {
    font-family: 'Inter', sans-serif;
}

/* --- Baseline Text Styles --- */
.heading-2xl, .heading-xl, .heading-lg, .heading-md, .heading-sm, .heading-xs {
	color:#0C0E0F;
	font-weight:700;
}
.text-xl, .text-lg, .text-md, .text-sm, .text-xs {
	color:#374151;
	font-weight:400;
}
p, h1, h2, h3, h4, h5, h6, a, strong, em, i {
    margin:0;
    font-family: 'Inter', sans-serif;
}
.weight-300 {
    font-weight:300;
}
.weight-400 {
    font-weight:400;
}
.weight-500 {
    font-weight:500;
}
.weight-600 {
    font-weight:600;
}
.weight-700,
strong {
    font-weight:700;
}
.weight-800 {
	font-weight:800;
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}
.text-center {
    text-align:center;
}

/* --- Headings --- */
.heading-2xl {
    font-size:6rem;
    /* font size:72px */
    line-height:6.75rem;
    letter-spacing:-3px;
    font-weight:600;
}
.heading-xl,
h1 {
    font-size:4.5rem;
    /* font size:60px */
    line-height:4.75rem;
    font-weight:700;
    letter-spacing:-2px;
}
.heading-lg,
h2 {
    font-size:3.25rem;
    /* font size:48px */
    line-height:3.75rem;
    font-weight:700;
    letter-spacing:-1px;
}
.heading-md,
h3 {
    font-size:2.25rem;
    /* font size:36px */
    line-height:2.75rem;
    font-weight:700;
}
.heading-sm,
h4 {
    font-size:1.875rem;
    /* font size:30px */
    line-height:2.375rem;
}
.heading-xs,
h5 {
    font-size:1.5rem;
    /* font size:24px */
    line-height:2rem;
}
.underline {
    text-decoration:underline;
    -webkit-text-decoration-color:var(--primary);
            text-decoration-color:var(--primary);
    text-underline-offset:5px;
    text-decoration-thickness:2px;
}
p a {
    color:var(--body);
    -webkit-text-decoration-color:var(--primary);
            text-decoration-color:var(--primary);
    text-underline-offset:1px;
    text-decoration-thickness:2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
p a:hover {
    color:var(--primary);
}

@media(max-width:767px) {
    /* --- Headings --- */
    .heading-2xl {
        font-size:3.1rem;
        line-height:3.4rem;
    }
    .heading-xl,
    h1 {
        font-size:2.5rem;
        line-height:3.25rem;
    }
    .heading-lg,
    h2 {
        font-size:2rem;
        line-height:2.5rem;
    }
    .heading-md,
    h3 {
        font-size:1.75rem;
        line-height:2.25rem;
    }
    .heading-sm,
    h4 {
        font-size:1.5rem;
        /* font size:30px */
        line-height:2rem;
    }
    .heading-xs,
    h5 {
        font-size:1.375rem;
        /* font size:24px */
        line-height:1.75rem;
    }
}

/* --- Body Text --- */
.text-2xl {
    font-size:1.375rem;
    /* font size:20px */
    line-height:1.8;
}
.text-xl {
    font-size:1.2rem;
    /* font size:20px */
    line-height:1.6;
}
.text-rg {
    font-size:1.1rem;
    /* font size:20px */
    line-height:1.65;
}
.text-lg {
    font-size:1rem;
    /* font size:18px */
    line-height:1.65;
}
.text-md,
p {
    font-size:1rem;
    /* font size:16px */
    line-height:1.54rem;
}
.text-sm {
    font-size:0.9rem;
    /* font size:14px */
    line-height:1.65rem;
}
.text-xs {
    font-size:0.75rem;
    /* font size:12px */
    line-height:1.5rem;
}

@media(max-width:767px) {
    /* --- Body Text --- */
    .text-2xl {
        font-size:1.125rem;
        /* font size:20px */
        line-height:1.8;
    }
    .text-xl {
        font-size:1.125rem;
        /* font size:20px */
        line-height:1.65;
    }
    .text-lg {
        font-size:1.125rem;
        /* font size:18px */
        line-height:1.65;
    }
    .text-md {
        font-size:1rem;
        /* font size:16px */
        line-height:1.65rem;
    }
    .text-sm {
        font-size:1rem;
        /* font size:14px */
        line-height:1.5rem;
    }
    .text-xs {
        font-size:0.85rem;
        /* font size:12px */
        line-height:1.5rem;
    }
}


/* Lists */
ul {
    padding-left:22px;
    float:left;
    margin:0;
    width:100%;
    margin-bottom:8px;
}
ul li {
    font-size:1rem;
    line-height:1.54rem;
    margin-bottom:0.45rem;
}
ul li::marker {
    color:var(--primary);
}
ul li:last-child {
    margin-bottom:0;
}
@media(max-width:767px) {
    ul {
        padding-left:18px;
    }
}

/* --- Flexbox --- */
.width-100 {
    width:100% !important;
}
.flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.inline-flex {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
}
.flex-row {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
}
.flex-row-reverse {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	    -ms-flex-direction:row-reverse;
	        flex-direction:row-reverse;
}
.flex-column {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.flex-column-reverse {
	-webkit-box-orient:vertical;
	-webkit-box-direction:reverse;
	    -ms-flex-direction:column-reverse;
	        flex-direction:column-reverse;
}
.flex-start {
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
.flex-center {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.flex-end {
	-webkit-box-align:end;
	    -ms-flex-align:end;
	        align-items:flex-end;
}
.flex-distribute {
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}

/* --- Grid --- */
.grid-2 {
    display:-ms-grid;
    display:grid;
    width:100%;
    float:left;
    -ms-grid-columns:1fr 16px 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    -webkit-column-gap:16px;
       -moz-column-gap:16px;
            column-gap:16px;
    row-gap:16px;
}
.grid-2 > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.grid-2 > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.grid-3 {
    display:-ms-grid;
    display:grid;
    width:100%;
    float:left;
    -ms-grid-columns:1fr 16px 1fr 16px 1fr;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    -webkit-column-gap:16px;
       -moz-column-gap:16px;
            column-gap:16px;
    row-gap:16px;
}
.grid-3 > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.grid-3 > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.grid-3 > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}
@media(max-width:1200px) {
    .grid-3 {
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:768px) {
    .grid-2,
    .grid-3 {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
    }
}

/***** Spacing *****/

/* --- Margin (base 16) --- */
.mt-4 {margin-top:4px}
.mt-8 {margin-top:8px}
.mt-16 {margin-top:16px}
.mt-24 {margin-top:24px}
.mt-32 {margin-top:32px}
.mt-36 {margin-top:36px}
.mt-48 {margin-top:48px}
.mt-64 {margin-top:64px}
.mt-96 {margin-top:96px}
.mt-128 {margin-top:128px}