html {
    font-family: Open Sans,Arial;
}

body {
    color: #454545;
    font-size: 16px;
    margin: 1em auto;
    max-width: 800px;
    padding: 1em;
    line-height: 1.4;
}

pre {
    font-size: 13px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    overflow-x: scroll;
}

a {
    color: #07a;
}

a:visited {
  color: #941352;
}

.centered {
    text-align: center;
}

.align-right {
    float: right;
}

.header-container {
    display: flex;
}

.header-date {
    white-space: nowrap;
    margin: 1em 1em 1em auto;
}

img, video {
    max-width: 100%;
    max-height: 100%;
}

th, td {
  padding-left: 1em;
}

.page-link {
    padding-left: 1em;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}
/* for asm */
.code-block {
    background-color: #272822;
    overflow: auto;
    white-space: nowrap;
    font-size: 14px;
}
.code {
    display: inline-block;
    font-family: monospace, monospace;
    margin-right: 1em;
}
.instruction {
    color: #44AACC;
    width: 10em;
}
.hex {
    color: #F92672;
    width: 8em;
}
.addr {
    color: #A6E22E;
    width: 5em;
}
.comment {
    color: #A5A290;
}
.char {
    color: #DDDDDD;
    width: 3em;
}