/*********************************
Vars
**********************************/

:root {
    --font--8: 8px;
    --font--10: 10px;
    --font--12: 12px;
    --font--14: 0.85rem;
    --font--16: 1rem;
    --font--20: 1.25rem;
    --font--24: 1.5rem;
    --font--32: 2rem;
    --font--40: 2.5rem;
    --font--48: 3rem;
    --font--64: 4rem;

    --font-xxs: var(--font--10);
    --font-xs: var(--font--12);
    --font-s: var(--font--14);
    --font-base: var(--font--16);
    --font-l: var(--font--24);
    --font-xl: var(--font--32);
    --font-xxl: var(--font--40);
    --font-max: var(--font--48);

    --font-min: 8px;
    --font-xxs: 10px;
    --font-xs: 12px;
    --font-s: 0.85rem;
    --font-base: 1rem;
    --font-l: 1.5rem;
    --font-xl: 2rem;
    --font-xxl: 2.5rem;
    --font-max: 3rem;

    --space--2: 0.125rem;
    --space--4: 0.25rem;
    --space--8: 0.5rem;
    --space--12: 0.75rem;
    --space--16: 1rem;
    --space--24: 1.5rem;
    --space--32: 2rem;
    --space--36: 2.25rem;
    --space--40: 2.5rem;
    --space--48: 3rem;
    --space--56: 3.5rem;
    --space--64: 4rem;
    --space--72: 4.5rem;
    --space--80: 5rem;
    --space--88: 5.5rem;
    --space--96: 6rem;

    --space-min: 2px;
    --space-xxs: 2px;
    --space-xs: 4px;
    --space-s: 0.5rem;
    --space-m: 1rem;
    --space-l: 1.5rem;
    --space-xl: 2rem;
    --space-xxl: 3rem;
    --space-max: 4rem;

    --width--max: 80rem;
    --width--lrg: 75rem;
    --width--med: 64rem;
    --width--sml: 50rem;
    --width--min: 32rem;

    --screen-s: 600px;
    --screen--m: 960px;
    --screen-l: 1280px;
    --screen--xl: 1920px;

    --stlr-border-radius: 4px;

    --stlr-font-family--title: "IBM Plex Sans", sans-serif;
    --stlr-font-family--copy: "Roboto", sans-serif;

    --stlr-font-weight--regular: 400;
    --stlr-font-weight--bold: 600;

    --stlr-color__white: rgba(255, 255, 255, 1);
    --stlr-color__white--50: rgba(252, 252, 252, 1);
    --stlr-color__white--150: rgba(226, 226, 226, 1);

    --stlr-color__neutral--white: rgba(255, 255, 255, 1);
    --stlr-color__neutral--black: rgba(38, 38, 42, 1);
    --stlr-color__neutral--050: rgba(245, 245, 246, 1);
    --stlr-color__neutral--100: rgba(235, 235, 237, 1);
    --stlr-color__neutral--150: rgba(225, 224, 227, 1);
    --stlr-color__neutral--200: rgba(215, 214, 218, 1);
    --stlr-color__neutral--300: rgba(194, 194, 200, 1);
    --stlr-color__neutral--400: rgba(174, 174, 181, 1);
    --stlr-color__neutral--0500: rgba(154, 153, 163, 1);
    --stlr-color__neutral--600: rgba(123, 122, 134, 1);
    --stlr-color__neutral--700: rgba(95, 94, 104, 1);
    --stlr-color__neutral--800: rgba(66, 66, 73, 1);
    --stlr-color__neutral--900: rgba(38, 38, 42, 1);
    --stlr-color__neutral--950: rgba(24, 24, 26, 1);
    --stlr-color__neutral--850: rgba(52, 52, 57, 1);

    --stlr-color__blue--050: rgba(232, 241, 251, 1);
    --stlr-color__blue--100: rgba(209, 227, 248, 1);
    --stlr-color__blue--150: rgba(186, 213, 244, 1);
    --stlr-color__blue--200: rgba(163, 199, 241, 1);
    --stlr-color__blue--300: rgba(118, 170, 233, 1);
    --stlr-color__blue--400: rgba(72, 142, 226, 1);
    --stlr-color__blue--500: rgba(26, 114, 219, 1);
    --stlr-color__blue--600: rgba(21, 91, 175, 1);
    --stlr-color__blue--700: rgba(16, 68, 131, 1);
    --stlr-color__blue--800: rgba(10, 46, 88, 1);
    --stlr-color__blue--850: rgba(8, 34, 66, 1);
    --stlr-color__blue--900: rgba(5, 23, 44, 1);
    --stlr-color__blue--950: rgba(3, 11, 22, 1);

    --stlr-color__green--050: rgba(239, 249, 238, 1);
    --stlr-color__green--100: rgba(222, 242, 222, 1);
    --stlr-color__green--150: rgba(206, 236, 205, 1);
    --stlr-color__green--200: rgba(190, 229, 189, 1);
    --stlr-color__green--300: rgba(157, 217, 156, 1);
    --stlr-color__green--400: rgba(125, 204, 123, 1);
    --stlr-color__green--500: rgba(92, 191, 90, 1);
    --stlr-color__green--600: rgba(74, 153, 72, 1);
    --stlr-color__green--700: rgba(55, 115, 54, 1);
    --stlr-color__green--800: rgba(37, 76, 36, 1);
    --stlr-color__green--850: rgba(28, 57, 27, 1);
    --stlr-color__green--900: rgba(18, 38, 18, 1);
    --stlr-color__green--950: rgba(9, 19, 9, 1);

    --stlr-color__red--050: rgba(249, 231, 231, 1);
    --stlr-color__red--100: rgba(244, 208, 208, 1);
    --stlr-color__red--150: rgba(238, 184, 184, 1);
    --stlr-color__red--200: rgba(233, 161, 161, 1);
    --stlr-color__red--300: rgba(221, 114, 114, 1);
    --stlr-color__red--400: rgba(210, 67, 67, 1);
    --stlr-color__red--500: rgba(199, 20, 20, 1);
    --stlr-color__red--600: rgba(159, 16, 16, 1);
    --stlr-color__red--700: rgba(119, 12, 12, 1);
    --stlr-color__red--800: rgba(80, 8, 8, 1);
    --stlr-color__red--850: rgba(20, 2, 2, 1);
    --stlr-color__red--900: rgba(40, 4, 4, 1);
    --stlr-color__red--950: rgba(20, 2, 2, 1);

    --stlr-color__orange--050: rgba(252, 245, 235, 1);
    --stlr-color__orange--100: rgba(249, 234, 215, 1);
    --stlr-color__orange--150: rgba(247, 224, 194, 1);
    --stlr-color__orange--200: rgba(244, 213, 174, 1);
    --stlr-color__orange--300: rgba(238, 192, 134, 1);
    --stlr-color__orange--400: rgba(233, 172, 93, 1);
    --stlr-color__orange--500: rgba(227, 151, 53, 1);
    --stlr-color__orange--600: rgba(182, 121, 42, 1);
    --stlr-color__orange--700: rgba(136, 91, 32, 1);
    --stlr-color__orange--800: rgba(91, 60, 21, 1);
    --stlr-color__orange--850: rgba(68, 45, 16, 1);
    --stlr-color__orange--900: rgba(45, 30, 11, 1);
    --stlr-color__orange--950: rgba(23, 15, 5, 1);

    --stlr-color__purple--050: rgba(237, 236, 250, 1);
    --stlr-color__purple--100: rgba(219, 217, 244, 1);
    --stlr-color__purple--150: rgba(202, 197, 239, 1);
    --stlr-color__purple--200: rgba(184, 178, 233, 1);
    --stlr-color__purple--300: rgba(148, 140, 223, 1);
    --stlr-color__purple--400: rgba(113, 101, 212, 1);
    --stlr-color__purple--500: rgba(77, 63, 201, 1);
    --stlr-color__purple--600: rgba(62, 50, 161, 1);
    --stlr-color__purple--700: rgba(46, 38, 121, 1);
    --stlr-color__purple--800: rgba(31, 25, 80, 1);
    --stlr-color__purple--850: rgba(23, 19, 60, 1);
    --stlr-color__purple--900: rgba(15, 13, 40, 1);
    --stlr-color__purple--950: rgba(8, 6, 20, 1);


    --stlr-color__cyan--500: rgba(25, 189, 225, 1);
    --stlr-color__cyan--050: rgba(232, 248, 252, 1);
    --stlr-color__cyan--100: rgba(209, 242, 249, 1);
    --stlr-color__cyan--150: rgba(186, 235, 246, 1);
    --stlr-color__cyan--200: rgba(163, 229, 243, 1);
    --stlr-color__cyan--300: rgba(117, 215, 237, 1);
    --stlr-color__cyan--400: rgba(71, 202, 231, 1);
    --stlr-color__cyan--600: rgba(20, 151, 180, 1);
    --stlr-color__cyan--700: rgba(15, 113, 135, 1);
    --stlr-color__cyan--800: rgba(10, 76, 90, 1);
    --stlr-color__cyan--850: rgba(8, 57, 68, 1);
    --stlr-color__cyan--900: rgba(5, 38, 45, 1);
    --stlr-color__cyan--950: rgba(3, 19, 23, 1);


    --stlr-color__pink--050: rgba(250, 232, 241, 1);
    --stlr-color__pink--100: rgba(244, 208, 228, 1);
    --stlr-color__pink--150: rgba(239, 185, 214, 1);
    --stlr-color__pink--200: rgba(234, 162, 201, 1);
    --stlr-color__pink--300: rgba(223, 115, 173, 1);
    --stlr-color__pink--400: rgba(213, 69, 146, 1);
    --stlr-color__pink--500: rgba(202, 22, 119, 1);
    --stlr-color__pink--600: rgba(162, 18, 95, 1);
    --stlr-color__pink--700: rgba(121, 13, 71, 1);
    --stlr-color__pink--800: rgba(81, 9, 48, 1);
    --stlr-color__pink--850: rgba(61, 7, 36, 1);
    --stlr-color__pink--900: rgba(40, 4, 24, 1);
    --stlr-color__pink--950: rgba(20, 2, 12, 1);

    --stlr-color__info: var(--stlr-color__blue--500);
    --stlr-color__info--light: var(--stlr-color__blue--200);
    --stlr-color__info--extra-light: var(--stlr-color__blue--050);
    --stlr-color__info--dark: var(--stlr-color__blue--700);
    --stlr-color__info--extra-dark: var(--stlr-color__blue--850);

    --stlr-color__warn: var(--stlr-color__orange--500);
    --stlr-color__warn--light: var(--stlr-color__orange--200);
    --stlr-color__warn--extra-light: var(--stlr-color__orange--050);
    --stlr-color__warn--dark: var(--stlr-color__orange--700);
    --stlr-color__warn--extra-dark: var(--stlr-color__orange--850);

    --stlr-color__error: var(--stlr-color__red--500);
    --stlr-color__error--light: var(--stlr-color__red--200);
    --stlr-color__error--dark: var(--stlr-color__red--700);
    --stlr-color__error--extra-light: var(--stlr-color__red--050);
    --stlr-color__error--extra-dark: var(--stlr-color__red--850);

    --stlr-color__success: var(--stlr-color__green--500);
    --stlr-color__success--light: var(--stlr-color__green--200);
    --stlr-color__success--dark: var(--stlr-color__green--700);
    --stlr-color__success--extra-light: var(--stlr-color__green--050);
    --stlr-color__success--extra-dark: var(--stlr-color__green--850);

    --stlr-color__link: var(--stlr-color__blue--500);
    --stlr-color__link--light: var(--stlr-color__blue--200);
    --stlr-color__link--dark: var(--stlr-color__blue--700);

    --stlr-color__surface--black: var(--stlr-color__black);
    --stlr-color__surface--white: var(--stlr-color__white--50);
    --stlr-color__surface: var(--stlr-color__neutral--600);
    --stlr-color__surface--light: var(--stlr-color__neutral--400);
    --stlr-color__surface--dark: var(--stlr-color__neutral--800);
    --stlr-color__surface--extra-light: var(--stlr-color__neutral--200);
    --stlr-color__surface--extra-dark: var(--stlr-color__neutral--850);
    --stlr-color__surface--off-white: var(--stlr-color__neutral--100);

    --stlr-color__disabled: var(--stlr-color__surface);
    --stlr-color__disabled--light: var(--stlr-color__surface--200);
    --stlr-color__disabled--dark: var(--stlr-color__surface--700);
    --stlr-color__disabled--extra-light: var(--stlr-color__surface--extra-light);
    --stlr-color__disabled--extra-dark: var(--stlr-color__surface--850);

    --stlr-color__copy: var(--stlr-color__neutral--black);
    --stlr-color__copy--subdued: rgba(154, 153, 163, 1);
    --stlr-color__copy--inverse: rgba(255, 255, 255, 1);

    --stlr-color__primary: var(--stlr-color__purple--500);
    --stlr-color__primary--dark: var(--stlr-color__purple--700);
    --stlr-color__primary--extra-dark: var(--stlr-color__purple--850);
    --stlr-color__primary--light: var(--stlr-color__purple--200);
    --stlr-color__primary--extra-light: var(--stlr-color__purple--050);

    --stlr-color__secondary: var(--stlr-color__cyan--500);
    --stlr-color__secondary--light: var(--stlr-color__cyan--300);
    --stlr-color__secondary--dark: var(--stlr-color__cyan--700);
    --stlr-color__secondary--extra-light: var(--stlr-color__cyan--050);
    --stlr-color__secondary--extra-dark: var(--stlr-color__cyan--850);

    --stlr-color__tertiary: var(--stlr-color__pink--500);
    --stlr-color__tertiary--light: var(--stlr-color__pink--200);
    --stlr-color__tertiary--dark: var(--stlr-color__pink--700);
    --stlr-color__tertiary--extra-light: var(--stlr-color__cyan--050);
    --stlr-color__tertiary--extra-dark: var(--stlr-color__pink--850);

    --stlr-color__action: var(--stlr-color__primary);
    --stlr-color__action--dark: var(--stlr-color__primary--dark);
    --stlr-color__action--extra-dark: var(--stlr-color__primary--extra-dark);
    --stlr-color__action--light: var(--stlr-color__primary--light);
    --stlr-color__action--extra-light: var(--stlr-color__primary--extra-light);

    --stlr-color__info: var(--stlr-color__primary);
    --stlr-color__info--light: var(--stlr-color__primary--light);
    --stlr-color__info--extra-light: var(--stlr-color__primary--extra-light);
    --stlr-color__info--dark: var(--stlr-color__primary--dark);
    --stlr-color__info--extra-dark: var(--stlr-color__primary--extra-dark);

    --stlr-color__link: var(--stlr-color__purple--500);
    --stlr-color__link--light: var(--stlr-color__purple--200);
    --stlr-color__link--dark: var(--stlr-color__purple--700);

  }

  @media (max-width: 64rem) {
    :root {
        --font-l: 1.25rem;
        --font-xl: 1.5rem;
        --font-xxl: 1.75rem;
        --font-max: 2rem;
        --font--32: 1.5rem;
        --font--64: 3rem;
    }
  }


/*********************************
Page Loader
**********************************/

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loader-wrapper {
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
}

.loader {
    width: 40px;
    height: 40px;
    border: 5px solid #000000;
    border-bottom-color: transparent;
    border-radius: 50%;
    margin-top: calc(50vh - 20px);
    display: inline-block;
    box-sizing: border-box;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}

/*********************************
Global typography
**********************************/

html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
    font-family: var(--stlr-font-family--copy);
    color: var(--stlr-color__copy);
    accent-color: var(--stlr-color__link);
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

a {
    color: var(--stlr-color__link);
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s;
}

a:hover {
    color: var(--stlr-color__link-dark);
}

a:focus-visible {
    outline: solid 2px var(--stlr-color__link);
    outline-offset: 3px;
    border-radius: 3px;
}

p {
    line-height: 1.3;
}

p,
ul {
    margin-top: 0;
    
}

ul {
    line-height: 1.5;
}

ul:not(:last-child) {
    margin-bottom: var(--space-xl);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading--1,
.heading--2,
.heading--3,
.heading--small {
    font-family: var(--stlr-font-family--title);
    font-weight: var(--stlr-font-weight--bold);
    margin-top: 0;
}

h1,
h2,
.heading--1,
.heading--2 {
    margin-bottom: var(--space-xl);
    letter-spacing: -0.025em;
    line-height: 1.2;
}

h1:not([class*="heading"]),
.heading--1 {
    font-size: var(--font--64);
}

h2:not([class*="heading"]),
.heading--2 {
    font-size: var(--font--32);
}

h3:not([class*="heading"]),
.heading--3 {
    font-size: var(--font--20);
    margin-bottom: var(--space-m);
}

h4,
h5,
h6,
.heading--small {
    font-size: var(--font--18);
    margin-bottom: 0;
}

hr {
    width: 100%;
    margin: 0 0 var(--space-l);
    border: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.08);
}

address {
    font-style: normal;
}

small {
    font-size: 13px;
}

.text--20 {
    font-size: var(--font--20);
}

.large-text {
    font-size: var(--font--32);
}

.color--primary {
    color: var(--stlr-color__primary);
}

.text-align--center {
    text-align: center;
}

.margin--0 {
    margin: 0;
}

/*********************************
Containers
**********************************/

.container {
    max-width: var(--width--lrg);
    width: 100%;
    margin: 0 auto;
}

.wrapper {
    padding: var(--space--32) var(--space--16);
    flex-grow: 1;
    height: 100%;
}

.card-container {
    display: flex;
    flex-direction: column;
    gap: var(--space--16);
    width: 100%;
}

.content {
    display: flex;
    flex-direction: column;
    gap: var(--space--32);
}

@media (min-width: 64rem) {
    .wrapper {
        padding: var(--space--64);
    }
    .content {
        gap: var(--space--64);
    }
    .card-container {
        flex-direction: row;
        justify-content: center;
        gap: var(--space--32);
    }
}

/*********************************
Header
**********************************/

header {
    background-size: 20%;
    background-image: url("../img/bg--hero-v2.png");
    position: relative;
    color: white;
    padding: var(--space--16);
}
.header--slim {
    background-size: 20%;
    background-image: url("../img/bg--hero-v2.png");
    position: relative;
    color: white;
    padding: var(--space--32);
}
header:after {
    background: linear-gradient(0deg, rgba(14,0,43,1) 0%, rgba(27,0,85,1) 100%);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;
}
.header-container {
    display: flex;
    flex-direction: column;
    gap: var(--space--16);
}
.header-container > div {
    width: 100%;
}
.logo {
    width: 150px;
    height: 30px;
    display: block;
    background-image: url('../img/logo--nb-light.svg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: var(--space--24);
}
.logo--lrg {
    width: 180px;
    height: 40px;
    margin-bottom: 0;
    background-size: contain;
}
.cta {
    display: flex;
    align-items: center;
}
.chevron {
    width: var(--space--32);
    height: var(--space--32);
    background-image: url(../img/icon--chevron90.png);
    background-size: cover;
    animation: chev90 1s ease-in-out infinite;
}

@keyframes chev {
    0% {
        opacity: 1;
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
    }
}

@keyframes chev90 {
    0% {
        opacity: 1;
    }
    50% {
        transform: translateY(-10px);

    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 64rem) {
    header {
        padding: var(--space--64);
    }
    .header-container {
        flex-direction: row;
        justify-content: space-between;
        gap: var(--space--32);
    }
    header > div {
        max-width: 50%;
    }
    .chevron {
        transform: rotate(0);
        animation: chev 1s ease-in-out infinite;
        background-image: url(../img/icon--chevron.png);
    }
}


/*********************************
Form
**********************************/

.form-container {
    padding: var(--space--24);
    background-color: white;
    border-radius: 10px;
}

form {
    display: flex;
    flex-direction: column;
    gap: var(--space--24);
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: var(--space--24);
    width: 100%;
}

label {
    font-size: var(--font--14);
    color: var(--stlr-color__copy);
    display: flex;
    flex-direction: column;
    gap: var(--space--8);
    flex-grow: 1;
}

label[aria-invalid] {
    color: var(--stlr-color__error);
    flex-grow:100;
}

.input {
    box-sizing: border-box;
    padding: 0 10px;
    border: solid 1px rgba(0, 0, 0, 0.25);
    color: var(--stlr-color__copy);
    appearance: none;
    height: 2.25rem;
    border-radius: var(--stlr-border-radius);
    outline: solid 1px rgba(255, 255, 255, 0);
    transition: all 0.2s;
    box-shadow: 0px 0px 2px 0px rgba(89, 169, 255, 0);
    font-family: var(--stlr-font-family--copy);
}

.input:hover {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

.input:focus {
    border: solid 1px var(--stlr-color__info);
    outline: solid 1px var(--stlr-color__info);
}

.input[aria-invalid="true"] {
    border-color: var(--stlr-color__error);
    background-color: rgba(255, 0, 0, 0.025);
}

.input[aria-invalid="true"]:focus {
    background-color: white;
    border: solid 1px var(--stlr-color__info);
}

.input:focus::placeholder {
    color: transparent;
}

.nb-button {
    width: 100%;
    height: var(--space--56);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--stlr-color__secondary);
    color:white;
    border-radius: 4px;
    font-family: 'IBM Plex Sans';
    border: 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.nb-button:hover {
    background-color: var(--stlr-color__secondary--light);
    color:white;
}

@media (min-width: 64rem) {
    .form-group {
        flex-direction: row;
    }
}

/*********************************
Value props
**********************************/

.card {
    padding: var(--space--32);
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--stlr-color__copy);
    gap: var(--space--16);
}

.card--dark {
    background-color: var(--stlr-color__copy);
    color: white;
    justify-content: center;
    text-align: center;
}

.card ul {
    padding: 0;
    margin: 0;
}

.card img {
    width: 120px;
    height: 120px;
}

.copy-container {
    display: flex;
    flex-direction: column;
    gap: var(--space--24);
}

.copy-container > div {
    width: 100%;
}

.copy-container > div img {
    max-width: 500px;
    height: auto;
    display: block;
    width: 100%;
}
.steps {
    display: flex;
    flex-direction: column;
    gap: var(--space--24);
}
.step {
    display: flex;
    flex-direction: row;
    gap: var(--space--16);
}
.counter {
    width: 100%;
    height: var(--space--32);
    max-width: var(--space--32);
    background-color: var(--stlr-color__primary--dark);
    color: white;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: var(--stlr-font-weight--bold);
    font-family: var(--stlr-font-family--title);
    font-size: var(--font-32);
    display: inline-flex;
}
@media (min-width: 64rem) {
    .copy-container{
        flex-direction: row;
        justify-content: space-between;
        gap: var(--space--32);
    }
    .copy-container > div:first-of-type {
        width: 60%;
    }
    .copy-container > div:last-of-type {
        width: 40%;
    }
    .card--dark {
        padding: var(--space--64) var(--space--32);
    }
    .step {
        gap: var(--space--24);
    }
    .counter {
        height: var(--space--48);
        max-width: var(--space--48);
    }
}


/*********************************
Footer
**********************************/

footer {
    width: 100%;
    height: 60px;
    background-color: var(--stlr-color__primary--extra-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white
}

footer a {
    color: white;
}