@font-face {
    font-family: 'nunito';
    src: url('/assets/fonts/nunito-light-webfont.woff2') format('woff2'),
         url('/assets/fonts/nunito-light-webfont.woff') format('woff'),
         url('/assets/fonts/nunito-light-webfont.ttf') format('truetype'),
         url('/assets/fonts/nunito-light-webfont.svg#nunitolight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'nunito';
    src: url('/assets/fonts/nunito-regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/nunito-regular-webfont.woff') format('woff'),
         url('/assets/fonts/nunito-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/nunito-regular-webfont.svg#nunitoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'nunito';
    src: url('/assets/fonts/nunito-medium-webfont.woff2') format('woff2'),
         url('/assets/fonts/nunito-medium-webfont.woff') format('woff'),
         url('/assets/fonts/nunito-medium-webfont.ttf') format('truetype'),
         url('/assets/fonts/nunito-medium-webfont.svg#nunitomedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'nunito';
    src: url('/assets/fonts/nunito-semibold-webfont.woff2') format('woff2'),
         url('/assets/fonts/nunito-semibold-webfont.woff') format('woff'),
         url('/assets/fonts/nunito-semibold-webfont.ttf') format('truetype'),
         url('/assets/fonts/nunito-semibold-webfont.svg#nunitosemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'nunito';
    src: url('/assets/fonts/nunito-bold-webfont.woff2') format('woff2'),
         url('/assets/fonts/nunito-bold-webfont.woff') format('woff'),
         url('/assets/fonts/nunito-bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/nunito-bold-webfont.svg#nunitobold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'nunito';
    src: url('/assets/fonts/nunito-extrabold-webfont.woff2') format('woff2'),
         url('/assets/fonts/nunito-extrabold-webfont.woff') format('woff'),
         url('/assets/fonts/nunito-extrabold-webfont.ttf') format('truetype'),
         url('/assets/fonts/nunito-extrabold-webfont.svg#nunitoextrabold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'nunito';
    src: url('/assets/fonts/nunito-black-webfont.woff2') format('woff2'),
         url('/assets/fonts/nunito-black-webfont.woff') format('woff'),
         url('/assets/fonts/nunito-black-webfont.ttf') format('truetype'),
         url('/assets/fonts/nunito-black-webfont.svg#nunitoregular') format('svg');
    font-weight: 900;
    font-style: normal;
}

html {
    background: var(--color-primary);
    color: var(--color-white);
}

body {
    background: var(--color-primary);
}

h1 {
    color: var(--color-white);
    margin-top: 0;
    text-transform: uppercase;
}

h2 {
    color: var(--color-yellow);
    text-transform: uppercase;
}

button:focus, input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 5px var(--color-green-trans);
}

.cc-window {
    border: 1px solid var(--color-green) !important;
    box-shadow: -3px 5px 10px rgba(0, 0, 0, 0.2) !important;
    font-size: 15px !important;
    padding: 20px !important;
}