@font-face {
    font-family: 'JF Dot jiskan16';
    src: url(fonts/JF-Dot-jiskan16.ttf);
    
}

@font-face {
    font-family: 'JF Dot Kanamecho 12';
    src: url(fonts/JF-Dot-Kaname12.ttf);
}

body {
    font-family:'JF Dot jiskan16';
    font-size: 1em;
    color: #38291f;
    background: #d4ccbb;
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: none;
}

p {
    margin-top: 0px !important;
    padding-top: 0px;
}

a, a:visited {
    color: #5e281a;
}

.container {
    width: 700px;
    padding: 10px;

    margin-left: auto;
    margin-right: auto;

    /* background-color: #dfd6c5; */
}

.header {
    text-align: center;
    padding: 10px;
    margin-bottom: 16px;
    background-color: #dfd6c5;
}

h1 {
    font-size: 1em;
}

.solid {
    border-top: 1px solid #38291f;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 5px;
    margin-right: 5px;
}

.main {
    width: 675px;
    float: left;

    background-color: #c9bcaa;
    border: 1px solid #978d7f;

    padding: 10px;
}

.ashelm-prof {
    width: 200px;
    float: right;
    padding: 5px;

    background-color: #c9bcaa;
    border: 1px solid #978d7f;

    font-family: 'JF Dot Kanamecho 12';
    font-size: 12px;
    text-align: center;
}

.ashelm-prof > img {
    max-width: 100%;
    height: auto;
}

/* https://codepen.io/anuar_ars/pen/ZwXvjW */
.countup {
    text-align: center;
}

/* https://github.com/faithgaiciumia/Javascript-Random-Quotes-Generator */
.random-quote {
    width: 200px;
    margin-top: 10px;
    float: right;
    padding: 5px;

    background-color: #c9bcaa;
    border: 1px solid #978d7f;
    
    text-align: left;
}

.quote-header {
    font-family: 'JF Dot Kanamecho 12';
    font-size: 12px;
    margin-bottom: 5px;
}

.insert-quote {
    padding-top: 5px;
    padding-bottom: 5px;
}

.insert-author {
    text-align: right;
}

.insert-source {
    font-family: 'JF Dot Kanamecho 12';
    font-size: 12px;
    text-align: right;
}