:root
{
    --blue: #007aff;
    --indigo: #5603ad;
    --purple: #510fa8;
    --pink: #f074ad;
    --red: #ff3b30;
    --orange: #ff9500;
    --yellow: #fc0;
    --green: #4cd964;
    --teal: #24b7fa;
    --cyan: #4bd6e5;
    --white: #fff;
    --gray: #6c7686;
    --gray-dark: #343a40;
    --light: #ced4da;
    --lighter: #f5f9fb;
    --primary: #2a35a8;
    --secondary: #fafbfe;
    --success: #4cd964;
    --info: #24b7fa;
    --warning: #ff9500;
    --danger: #ff3b30;
    --light: #ced4da;
    --dark: #05172a;
    --white: #fff;
    --darker: #020b13;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

body
{
    font-family: 'Comfortaa', cursive;
}
header:before, footer:after {
    background-image: url('../img/backgrounds/rainbowstripe.png');
    background-color: #ffffff;
    content: '';
    height: 4px;
    width: 100%;
    display: block;
    background-repeat: repeat-x;
    position: absolute;
    z-index: 10;
}

.navbar-nav .nav-link{
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
}

.footer
{
    padding-top: 0rem;
}