/* fonts */
@font-face {
    font-family: 'alice';
    src: url('./Alice-Regular.ttf');
}
@font-face {
    font-family: 'sourcesans3';
    src: url('./SourceSans3.ttf');
}
@font-face {
    font-family: 'bestchoice';
    src: url('./BestChoice-Regular.otf');
}
::selection {
    background-color:#00FF00;
    color:black;
}
/* reset */
* {
    padding:0;
    margin:0;
    text-decoration:none;
}
abbr, acronym, b, big, cite, code, del, dfn, em, i, ins, kbd, q,
samp, small, strong, sub, sup, tt, var {
    line-height:1;
}

/* There are here just as reference:
all {font-size:16px;}
h3 {font-size:18px;}
h2 {font-size:20px;}
h1 {font-size:22px;}
*/

body {
    background-color:black;
    color:#E0E0E0;
}

#main {
    max-width:800px;
    margin:auto;

}
.targetoid {
    display:none;
}
.targetoid:target {
    display:block;
}
#blog {
    font-family:'sourcesans3';
    padding-left:20px;
    padding-right:20px;
    max-width:800px;
    margin:auto;
}
#blog p {
    text-align:justify;
    text-indent:10px;
    margin-bottom:13px;
    margin-top:13px;
    font-size:18px;
    line-height:25px;
}
#blog h1,h2,h3 {
    font-family:'alice';
    margin-bottom:20px;
    margin-top:20px;
}
#blog h3 {font-size:19px;}
#blog h2 {font-size:22px;}
#blog h1 {font-size:25px;font-weight:bold;}
#blog img {
    margin:auto;
    width:73%;
    display:block;
    padding:3px;
}
#blog audio {
    display:block;
    margin:auto;
}
#blog pre {
    font-size:100%;
}
#blog a {
    color:white;
    font-style:italic;
}
.topper {
    text-align:center;
    display:block;
    margin-top:10px;
    margin-bottom:10px;
    font-style:normal!important;
    font-weight:bold;
}
@media (max-width: 700px) {
    #blog pre {
    font-size:70%;
    }
}