@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}
/*
@font-face {
    src: url("https://rsms.me/inter/inter.css") ;
    font-family: 'inter',sans-serif;
    /* src: local("Old Standard TT Regular"), local("OldStandardTT-Regular"), url("OldStandardTT-Regular.eot");*/
    /*format("embedded-opentype"), url("OldStandardTT-Regular.woff") format("woff"), url("OldStandardTT-Regular.ttf") format("truetype"), url("OldStandardTT-Regular.svg#old_standard_ttregular") format("svg");
    font-weight: 400;
    font-style:normal
}*/
/* Global */
html{ 
  min-height: 100%;
  overflow: scroll;
}
/*
body{
  height: calc(100vh - 8em);
  padding: 4em;
  color: rgba(255,255,255,.75); 
  background-color: rgb(25,25,25);  
}
*/

.typewriter h1 {
    color: #000;
    width: 40px;
  font-family: monospace;
  overflow: scroll; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 0.5s steps(1, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 } 
  /*to { width: 100% }*/
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

body {
    font-family: "inter", Georgia, serif;
    color:#222
}

body a {
    color:#900
}

div#page {
    margin: 0 auto;
    max-width:60em
}

div#page ul {
    padding:0
}

div#page li {
    list-style-type:none
}

div#page :lang(ar) > q {
    quotes: '“' '”' '‘' '’'
}

div#page :lang(en) > q {
    quotes: '“' '”' '‘' '’'
}

div#page :lang(pt) > q {
    quotes: '“' '”' '‘' '’'
}

div#page :lang(zh) > q {
    quotes: '“' '”' '‘' '’'
}

div#page :lang(fr) > q {
    quotes: '« ' ' »' '“' '”'
}

div#page :lang(it) > q {
    quotes: '«' '»' '“' '”'
}

div#page :lang(ru) > q {
    quotes: '«' '»' '“' '”'
}

div#page :lang(es) > q {
    quotes: '«' '»' '“' '”'
}

div#page :lang(de) > q {
    quotes: '„' '“' '‚' '‘'
}

div#page :lang(ja) > q {
    quotes: '「' '」' '『' '』'
}

div#page q:before {
    content:open-quote
}

div#page q:after {
    content:close-quote
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-bottom: 0.5em;
    line-height:1.2125em
}

blockquote {
    padding: 0.5em;
    margin:2em 0
}

section#content li {
    margin-bottom:1em
}

section#content blockquote q, section#content blockquote cite, section#content ul.linklist, section#content ul#homenav {
    font-size:1.5em
}

section#content blockquote {
    background-color:#eee
}

section#content blockquote footer {
    font-family: sans-serif;
    margin-top: 2em;
    font-weight:normal
}

#bigfoot {
    margin-top:4em
}

#bigfoot blockquote {
    font-family:sans-serif
}

cite {
    display: block;
    margin-top:0.5em
}

cite:before {
    content: '— '
}

nav {
    display: block;
    font-family: sans-serif;
    padding:5px 0
}

nav a {
    margin-right:1em
}

nav ul {
    margin:0
}

nav ul li {
    display:inline
}

#nav li a, #langforms li a {
    text-decoration:underline
}

h1 {
    font-size:2.5em
}

#bighead h1 {
    margin-top: 0;
    font-weight:normal
}

#bighead h1 a {
    text-decoration:none
}

#bighead h2 {
    font-weight:normal
}

label, input, textarea {
    font-family:sans-serif
}

label, p {
    display: block;
    font-size:1.3em
}

input, textarea {
    font-size: 1.5em;
    margin-bottom: 1em;
    display: block
}