@font-face {
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/fonts/poppins-400.woff2") format("woff2"),
        url("/fonts/poppins-400.woff") format("woff");
}

@font-face {
    font-family: Poppins;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("/fonts/poppins-600.woff2") format("woff2"),
        url("/fonts/poppins-600.woff") format("woff");
}

@font-face {
    font-family: Futura;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url("/fonts/futura-800.woff2") format("woff2"),
        url("/font/futura-800.woff") format("woff");
}

@font-face {
    font-family: Futura;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("/fonts/futura-600.woff2") format("woff2"),
        url("/fonts/futura-600.woff") format("woff");
}
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

:root {
    --color-primary:#423F38;
    --color-secondary:#6b705c;
    --color-success:#1e7e34;
}
h1,h2,h3,h4,h5 {
    text-transform: uppercase;
    font-family:Futura, sans-serif
}
body {
    font-family:Poppins;
    font-size:14px;
}
.text-primary,a.text-primary,a.text-primary:hover {
    color:var(--color-primary) !important;
}
.btn {
    font-family: 'Roboto Mono';
    letter-spacing: .1em;
    font-size: 1em;
    font-weight: 400;
    padding: 0.8rem 3rem;
    border-radius:40px;
    text-transform: uppercase;
    font-size:16px;
}
.btn-primary,.btn-primary:hover,.btn-primary:disabled {
    background:var(--color-primary);
    border-color:var(--color-primary);
}
a,a:hover {
    color:var(--color-primary);
    font-weight:bold;
    text-transform:uppercase;
}
.badge {
    font-size:80%;
}
.badge-info,.btn-info,.badge-info:hover,.btn-info:hover {
    background:var(--color-secondary);
    border-color:var(--color-secondary);
}
.badge-success,.btn-success,.badge-success:hover,.btn-success:hover {
    background:var(--color-success);
    border-color:var(--color-success);
    color:white;
}
