:root{
    --lightblue: #bcdaea;
    --blue: #63afe0;
    --darkblue: #12294b;
    --asana-none: #c5c5c5;
    --asana-dark-pink: #ff95c9;
    --asana-dark-green: #85d7a2;
    --asana-dark-red: #ff878a;
    --asana-dark-teal: #a1e7dd;
    --asana-dark-brown: #f6d861;
    --asana-dark-orange: #fea06a;
    --asana-dark-purple: #b8acff;
    --asana-dark-warm-gray: #aaaaaa;
    --asana-light-pink: #faaee9;
    --asana-light-green: #c3e684;
    --asana-light-blue: #79abff;
    --asana-light-red: #ffafc1;
    --asana-light-teal: #77d3e9;
    --asana-light-orange: #f7bd51;
    --asana-light-purple: #e39ef2;
    --cf-none: #ffffff;
    --cf-red: #ff878a;
    --cf-orange: #fea06a;
    --cf-yellow-orange: #f7bd51;
    --cf-yellow: #f6d861;
    --cf-yellow-green: #c3e684;
    --cf-green: #85d7a2;
    --cf-blue-green: #77d3e9;
    --cf-aqua: #a1e7dd;
    --cf-blue: #79abff;
    --cf-indigo: #b8acff;
    --cf-purple: #e39ef2;
    --cf-magenta: #faaee9;
    --cf-hot-pink: #ff95c9;
    --cf-pink: #ffafc1;
    --cf-cool-gray: #aaaaaa;
}
body{
    background-color: #ffffff;
    font-family: Verdana, sans-serif;
}
.darkbody{
    background-color: #1e2029;
    color: white;
}
div{
    background-color: inherit;
    color: inherit;
}
hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid var(--lightblue);
    margin: 1em 0;
    padding: 0;
}
button{
    background: var(--darkblue);
    color: white;
}
.darkbutton{
    background: var(--lightblue);
    color: var(--darkblue);
    font-weight: bold;
}
a{
    text-decoration: none;
}
h1{
    color: var(--darkblue);
}
h2{
    color: var(--blue);
}
h3{
    color: var(--blue);
}
table{
    border-collapse: collapse;
}