/* defining the font families */
@font-face {
    font-family: "body";
    src: url('intertight.ttf'), format('ttf');
}
@font-face {
    font-family: "heading";
    src: url(scada.ttf), format('ttf');
}
/* defining the main text layout */
body {
    font-family: "body", sans-serif;
    display: block;
    margin: 1em;
    page-break-before: always;
    text-align: left;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.0;
    hyphens: auto;
}
p {
    margin-top: 1em;
    margin-bottom: 1em;
}
h1 {
    font-family: "heading", serif;
    font-size: 2em;
    font-weight: 700;
}
h2 {
    font-family: "heading", serif;
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
h3 {
    font-family: "heading", serif;
    font-weight: 700;
    font-size: 1.25em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
/* text classes */
.pagetitle {
    font-family: "heading", serif;
    font-weight: 900;
    font-size: 2.5em;
}
.whitetext {
    color: #ffffff;
}
/* body and div classes*/
.body1 {
    background-color: #121212;
    padding: 1em;
    padding-left: 1.25em;
    padding-right: 1.25em;
}
.box-pageheader {
    background-image: linear-gradient(
        90deg,
        #F3F3F3 10%,
        #121212
    );
    border: 0.5em solid #717171;
    padding: 0.5em;
}
.box-main {
    background-color: #F3F3F3;
    border: 0.5em solid #717171;
    padding: 0.5em;
}
.spacer1 {
    padding: 1em;
}
.spacer2 {
    padding:0.5em;
}
.entry-div1 {
    display: grid;
    grid-template-columns: 1fr 12em;
    column-gap: 0.5em;
    row-gap: 0em;
}
.entry-div2 {
    display: grid;
    grid-template-columns: 1fr 8em;
    column-gap: 0.5em;
    row-gap: 0.5em;
}
.pixiv-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0.5em;
    row-gap: 0em;
}
.box-pixiv01 {
    background-color: #7a33eb;
    border: 0.5em solid #461695;
    padding: 0.5em;
}
.box-pixiv02 {
    background-color: #D3D307;
    border: 0.5em solid #330185;
    padding: 0.5em;
}
.short-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 0.5em;
    row-gap: 0.5em;
}
.box-short01 {
    background-color: #121212;
    border: 0.5em solid #461695;
    padding: 0.5em;
}
.box-short02 {
    background-color: #42B862;
    border: 0.5em solid #e75230;
    padding: 0.5em;
}
/* img classes */
.img-pixiv {
    box-sizing: content-box;
    border: #717171 solid;
    width: 12em;
    object-fit: fill;
}
.img-short {
    box-sizing: content-box;
    border: #717171 solid;
    width: 8em;
    object-fit: fill;
}