@import './variables.css';

body {
    font-family: var(--base-font);
    color: var(--white-color);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: var(--body-bg);
    background-attachment: fixed;
}


a {
    color: var(--link-color);
    text-decoration: none;
    font-family: var(--base-font);
    transition: all .25s ease-in-out;
}

    a:hover {
        text-decoration: underline;
        color: inherit;
    }

.btn-primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

    .btn-primary:hover {
        background-color: var(--button-hover-color);
        border-color: var(--button-hover-color);
    }

.form-control {
    background-color: var(--input-bg-color);
    border: none;
    color: var(--white-color);
}

    .form-control::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }