@font-face {
    font-family: 'BerkeleyMono-Regular';
    src: url('/fonts/BerkeleyMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BerkeleyMono-Black';
    src: url('/fonts/BerkeleyMono-Black.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

html {
    font-family: 'BerkeleyMono-Regular', sans-serif;
    color: #000000;
}
body {
  margin: 0 auto;
  max-width: 54em;
  hyphens: auto;
  overflow-wrap: break-word;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  background-color: #efefef;
}
@media (max-width: 600px) {
  body {
    font-size: 0.9em;
  }
}
.page {
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #ffffff;
    padding: 16px;
    padding-left: 32px;
    padding-right: 32px;
    height: 100%;
    box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.1);
}
p {
  margin: 1em 0;
}
img {
  width: 100%;
}
svg {
  height: auto;
  max-width: 100%;
}
ol, ul {
  padding-left: 1.7em;
  margin-top: 1em;
}
blockquote {
  margin: 1em 0 1em 1.7em;
  padding-left: 1em;
  border-left: 2px solid #e6e6e6;
  color: #606060;
}
li > ol, li > ul {
  margin-top: 0;
}

h1, h2, h3 {
    font-family: 'BerkeleyMono-Black', sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;

    .header-section-text {
        text-decoration: underline;
    }
    color: #333333;
}


.abstract-title {
    font-family: 'BerkeleyMono-Black', sans-serif;
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 16px;
    color: #333333;
}
.memo-header {
    .title {
        padding-top: 10px;
        padding-bottom: 10px;
        table {
            width:100%;
        }
    }

    table {
        border-collapse: collapse;
        border-spacing: 0px;
        margin: 0px;
        text-align: left;
        padding-bottom: 10px;
    }
    td {
        padding-left: 10px;
        vertical-align: top;
    }
    th {
        vertical-align: top;
    }
}

.bold-text {
    font-family: 'BerkeleyMono-Black', sans-serif;
    color: #333333;
}

/* Unvisited link */
a:link {
  color: #5555df;
  text-decoration: none;
}

a:visited {
  color: #af35af;
}

a:hover {
  color: orange;
  text-decoration: underline;
}
pre {
    background: #f3f3f3;
    border: 1px solid #dfdfdf;
    padding: 8px;
}
code {
    font-size: 1em;
}
.table-wrapper {
    margin: 16px 40px 16px 40px;
}
.table-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

td,th {
    padding-left: 8px;
    padding-right: 8px;
}
.table-caption {
    padding-top: 8px;
}
.footer {
    color: #888888;
    font-size: 0.8em;
    padding-top: 8px;
    padding-bottom: 16px;
}