@import url("https://fonts.googleapis.com/css?family=Ubuntu");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono");

span.collation {
    font-size: 90%;
    font-weight: normal;
}

div.content {
    margin-left: 1em;
}

p code, li code, h1 code, h2 code, h3 code, h4 code, h5 code, h6 code, th code, td code  {
    font-family: 'Roboto Mono', monospace;
    background-color: #f7f7f7;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    color: #333333;
}

a > code {
    color: inherit;
}

pre {
    background-color: #eeeeee;
    margin-left: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    overflow-x: auto;
}

pre > code {
    font-family: 'Roboto Mono', monospace;
    line-height: 180%;
    color: black;
}

table {
    margin-top: 1.5em;
    margin-bottom: 2.5em;
    margin-left: 2em;
    border-collapse:  collapse;
}

table th {
    font-weight: bold;
    text-align: left;
    border-bottom: solid 2px;
    padding-right: 1em;
}

table td {
    border-bottom: solid 1px;
    padding-right: 1em;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Noto Sans', sans-serif;
    color: #666666;
}

header {
    background-color: #aaddff;
    position: -webkit-sticky;
    position: sticky;
    padding: 0.5em;
    margin-bottom: 3em;
    border-bottom: solid 1px #66aadd;
    top: 0;
}

header nav h1 {
    display: inline;
}

header nav h1 span.embulk {
    font-family: 'Ubuntu', sans-serif;
    font-size: 28px;
}

header nav h1 span.subtitle {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
}

header nav h1 span.embulk a {
    color: #000000;
    text-decoration: none;
}

header nav h1 span.subtitle a {
    color: #333333;
    text-decoration: none;
}

header nav h1 span.embulk a:hover {
    text-decoration: underline;
}

header nav h1 span.subtitle a:hover {
    text-decoration: underline;
}

header nav ul {
    float: right;
}

header nav ul li {
    display: inline;
    text-decoration: none;
    padding: 0 10px !important;
}

header nav ul li a {
    color: #666666;
    text-decoration: none;
}

header nav ul li a:hover {
    text-decoration: underline;
}

main a {
    font-weight: bold;
    text-decoration: none;
    color: #dc3c01;
}

main a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #892601;
}

main a:hover, a:active {
    font-weight: bold;
    text-decoration: underline;
    color: #ff4500;
}

body#index main section#summary {
    padding-top: 1em;
    padding-bottom: 3.5em;
    color: black;
    text-align: center;
}

body#index main section#summary blockquote#summary div.summary-main {
    font-weight: bold;
    font-size: 24px;

    margin: 0.5em 1em 0.5em 1em;
}

body#index main section#summary blockquote#summary div.summary-aside {
    font-weight: italic;
    font-size: 18px;

    text-align: right;

    margin: 0.5em 7% 0.5em auto;
}

body#index main section#summary hr {
    margin-top: 2em;
    width: 100px;
    background-color: black;
    border: none;
    height: 2px;
    color: black;
}

body#index main div.two-columns section {
    margin-bottom: 3em;
}

body#index main hr#before-abstract {
    margin-left: 3em;
    margin-right: 3em;
    margin-top: 2em;
    margin-bottom: 2em;
}

body#index main hr#after-abstract {
    margin-left: 3em;
    margin-right: 3em;
    margin-top: 2em;
    margin-bottom: 2em;
}

@media screen and (min-width: 601px) {
    div.two-columns {
        display: -webkit-flex;
        display: flex;
    }

    div.two-columns > div.left {
        width: 50%;
        min-width: 0;
    }

    div.two-columns > div.right {
        width: 50%;
        min-width: 0;
    }

    body#index main hr#before-abstract {
        margin-top: 4em;
        margin-bottom: 4em;
    }

    body#index main hr#after-abstract {
        display: none;
    }
}

div.two-columns > div.left, div.right {
    margin-left: 3em;
    margin-right: 3em;
}

body#index main section#abstract ul > li {
    line-height: 150%;
}

body#page section {
    margin: 3em;
}

body#post main article {
    margin: 3em;
}

body#post main article h2 {
    font-size: 130%;
    padding-bottom: 3px;
    margin-bottom: 1em;
    border-bottom: solid 1px #cccccc;
}

h3 {
    font-size: 120%;
    padding-bottom: 2px;
    border-bottom: dashed 1px #dddddd;
}

h4 {
    font-size: 110%;
    padding-bottom: 1px;
    border-bottom: dotted 1px #dddddd;
}

h5 {
    font-size: 100%;
}

h5:before {
    content: "\00bb";
    padding-left: 1px;
    padding-right: 5px;
}

ul.posts {
    line-height: 180%;
}

body#post main article section#collation {
    font-size: 90%;
    font-weight: normal;
    text-align: right;
}

body#post main article section#collation ul > li {
    list-style-image: none;
    list-style-type: none;
}

body#post main article section#collation a {
    color: #333333;
    font-weight: normal;
}

body#dev main section {
    margin: 3em;
}

body#dev main section#libraries dl {
    margin: 1em;
}

body#dev main section#libraries dl dt {
    margin-top: 0.5em;
}

body#dev main section.library p {
    margin: 1em;
}

body#dev main section.library dl {
    margin: 1em;
}

body#dev main section.library dl dt {
    margin-top: 0.5em;
}

footer {
    background-color: #aaddff;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em;
    border-top: solid 1px #66aadd;
}

footer > p.copyright {
    text-align: center;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}