@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Alegreya:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Amaranth:400,700,400italic,700italic');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:500,500i,700,700i');

@media only screen {
    div.mask { background-color:rgba(80,80,80,.5); width:100%; height:100%; position:fixed; z-index:1000; top:0; left:0; }
    div#loading {
        background-position: center; background-repeat:no-repeat;
        -webkit-filter: blur(1px); filter: blur(1px);
        background-image: url(https://a.kuhu.org/images/loading.gif);
    }
}

body {
    margin-top: 1em;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #ffffee;
    color: black;
    font-family: Alegreya, serif;
    font-size: 14pt;
}

@media (min-resolution: 250dpi) and (max-width: 1000px) {
    body {
        margin-top: 0;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 12pt;
    }
}

@media (min-width: 1200px) {
    body {
        width: 60em;
        margin-left: auto;
        margin-right: auto;
    }
}

body.resume {
    font-size: 13pt;
}

a {
    color: #602020;
}

h1, h2, h3 {
    font-family: Amaranth, sans-serif;
    text-align: center;
}

code, tt {
    font-family: Roboto Mono, monospace;
    font-size: 90%;
}

table.sortable thead th.sorted:after { content: "▴"; } {# ⌄▼ #}
table.sortable thead th.sorted_reverse:after { content: "▾"; } {# ⌃▲ #}

table.recruiters {
    text-align: center;
    background: #fff8e8;
    border-collapse: collapse;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    font-size: 11pt;
}

table.recruiters tbody tr:nth-child(odd) {
    background: #e8e0d0;
}

table.recruiters td {
    padding: 5px;
}

table.recruiters td:nth-child(1) {
    width: 8em;
}

table.recruiters td:nth-child(2) {
    width: 12em;
}

table.recruiters td:nth-last-child(2) {
    width: 14em;
}

table.recruiters td:nth-last-child(1) {
    width: 2em;
}

table.recruiters thead td {
    border-bottom: 1px solid;
    font-weight: bold;
}

div.notes li b {
    margin-right: .5em;
}