in-c4/static/c4.css

body {
    color: #f0f0f0;
    background-color: #333;
}

h1, h1 a  {
    color: #fcbb06; /* C4 Yellow */
}

.result {
    background-color: #202020;
    border-color: #4d4d4d;
}

.result:focus {
    background-color: #202020;
    border-color: #fcbb06;
    outline-color: #fcbb06;
}

.result a {
    color: #fcbb06;
}

.note {
    background-color: #333;
    font-size: smaller;
}

.btn.primary {
    color: #220;
    background-color: #fcbb06;
}

.btn.primary:hover ,.btn.primary:focus {
    background-color: #ffcc33;
}

.btn.grn {
    color: #020;
    background-color: #9f6;
}

.btn.grn:hover ,.btn.primary:focus {
    background-color: #3f0;
}


.btn.red {
    color: #200;
    background-color: #f48;
}

.btn.red:hover, .btn.red:focus {
    background-color: #f03;
}

@keyframes blinker {
    0% { opacity: 1; }
    40% { opacity: 1; }
    90% { opacity: 0; }
    100% { opacity: 1; }
}

#mapgrid {
    outline: 2px solid #fcbb06;
    background: #fcbb0680;
    animation: blinker 1s infinite;
}