@import url("https://use.typekit.net/upf7ryj.css");

:root {
    --ground: #efebdf;
    --primary: #fa3549;
    --secondary: #48b4b7;
    --tertiary: #17a53c;
    --text: #000000;
}

body {
    background: var(--ground);
    color: var(--text);
    font-family: 'proxima-nova';
}

.heavy {
    font-weight: 900;

    line-height: 95%;
    font-size: 35px;

    @media screen and (min-width: 650px) {

        font-size: 50px;
    }
}

.color-primary {
    color: var(--primary)
}

.color-secondary {
    color: var(--secondary)
}

.color-tertiary {
    color: var(--tertiary)
}

#signup {
    color: white;
    background-color: var(--primary);
    border-color: var(--primary);
}

.donate {
    color: white;
    background-color: var(--secondary);
    border-color: var(--secondary);
    border: thick embossed --primary;
}


.body, p, li {
    font-weight: normal;
    font-size: 18px;
    line-height: 111%;
}

input, button, #donate {
    border-radius: 0px !important;
}

input {
    border: thin solid var(--text) !important;
}

.small {
    font-size: small;
}

a {
    color: var(--primary)
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
}

#cookie-bar, #cookie-bar>p {
    font-size: 20px;
}

.cookie-prompt {
    border: thin dashed var(--text);
    padding: 20px;
}