﻿
:root {
    /* shades from brown to orange to beige */
    --saddle: #553126;
    --apricot: #ff9372;
    --peach: #ffc9b8;
    --cream: #f2e2dd;
    --ceramic: #f8f0ee;
    /* shades between navy blue and aquamarine */
    --klein-blue: #0047BA;
    --mystic: #e5e9f1;
    /* monochromatic */
    --jet: #2b2b2a;
}
h3 {
    font-weight: lighter;
    font-size: 2.5rem;
}
.call-to-action, .call-to-action:visited {
    display: inline-block;
    border: solid 1px var(--apricot);
    padding: 10px 40px;
    border-radius: 25px;
    text-decoration: none;
    color: inherit;
    font: inherit;
    background: none;
    line-height: normal;
}
.call-to-action:hover {
    background: var(--apricot);
}
