@import url('https://fonts.cdnfonts.com/css/liberation-sans');
@import url('https://fonts.cdnfonts.com/css/liberation-serif');
html { 
    font-size: 18px;
    line-height: 24px;
}
body {
    margin: 0;
    padding: 10px;
    background-color: #fff;
}
section { 
    clear: both;
    padding-top: 90px;
}
header {
    width: 100%;
    position: fixed;
}
header a { 
    font-family: 'Liberation-sans' sans-serif;
    color: #000;
}
a:link, a:visited {
    text-decoration: none;
}
header .right { 
    float: right;
    padding-right: 20px;
}
header .left { 
    float: left; 
}
h1, h2 {
    font-family: 'Liberation Sans', sans-serif;
    font-weight: 700;                   
}
h1 { 
    font-size: 2rem;
    line-height: 2.2rem
}
h2 { 
    font-size: 1.5rem;
    line-height: 1.7rem;
}
div { 
    font-family: 'Liberation Serif', serif; 
    margin-bottom: 1rem;
}
div strong { 
    font-family: 'Liberation-sans', sans-serif;
    font-weight: 700;
}
#article>div,
footer {
    max-width: 800px;
    margin: auto;
}
footer { 
    margin-top: 30px;
    font-family: 'liberation-sans', sans-serif;
    font-size: 0.8em;
}
#en { display: none; }
#anim img { max-width: 100%; }
a.enlarge,
#anim a {
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.pixelfed {
    display: flex;
    height: 30px;
    width: 30px;
    margin-top: 0.7em;
    background: url(/img/pixelfed_symbolic_20x20.svg) 50% 50% no-repeat;
    justify-content: center;
    align-items: center;
}