:root {
    --web-container-max-width: 420px;

    --web-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px;

    --web-blue: #326cb3;
    --web-blue-darken: #014ea0;

    --web-primary: #006851;
    --web-primary-darken: #073f33;
    --web-primary-lighten: #e8f1ef;
    --web-secondary: #ffd651;
    --web-secondary-darken: #c7b446;
    --web-secondary-lighten: #ffdf7e;

    --web-white: #fff;
    --web-light-lighten: #fdfdfd;
    --web-light: #f8f9fa;
    --web-light-darken: #dedede;
    --web-gray: #6c757d;
    --web-dark-lighten: #353b41;
    --web-dark: #212529;
    --web-dark-darken: #0f1111;
    --web-black: #000;

    --web-danger: #dc3545;
    --web-danger-darken: #a3001e;
    --web-danger-lighten: #f8d7da;
    --web-info: #17a2b8;
    --web-info-darken: #007388;
    --web-info-lighten: #cff4fc;
    --web-success: #28a745;
    --web-success-darken: #007717;
    --web-success-lighten: #d1e7dd;
    --web-warning: #ffc107;
    --web-warning-darken: #c79100;
    --web-warning-lighten: #fff3cd;

    --web-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --web-font-serif: Georgia, Times, serif;
    --web-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --web-font-weight-light: 200;
    --web-font-weight-normal: 400;
    --web-font-weight-bold: 700;

    --web-body-font-family: "Montserrat";
    --web-body-font-size: .75rem;
    --web-body-font-weight: var(--web-font-weight-normal);
    --web-body-line-height: 1.5;
    --web-body-text-align: left;
    --web-body-color: #2a2d31;
    --web-body-bg: #ebebeb;
    --web-navigation-bg: #d5d5d5;

    --web-button-padding-x: 1rem;
    --web-button-padding-y: .5rem;

    --web-border-radius: .5rem;

    --web-grid-gutter-x: 1.5rem;
    --web-grid-gutter-y: 1rem;
    --web-grid-gutter: var(--web-grid-gutter-y);
    
    --web-transition-normal: all .3s ease;
    --web-transition-slow: all .5s ease;
    
    --web-animation-wiggle: wiggle .3s ease;

    --fa-size: 1.5em;
    --fa-svg: '';
    --fa-ratio: 1;
}

@keyframes wiggle {

    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }
}