/* 基本的な構成（グローバルで） */

.main_body {
    background-color: #262626;
    color: rgb(255, 255, 255);
    line-height: 2;
}


/* 記事の作成日 */

.create_day {
    color: aliceblue;
    text-align: right;
}


/* リンク */

a {
    color: rgb(73, 91, 255);
    text-decoration: underline;
}

a:link {
    color: rgb(73, 91, 255);
    text-decoration: underline;
}

a:visited {
    color: #3f0;
    text-decoration: underline;
}


/* 関係ない話 */

.otherstory {
    font-size: small;
    background-color: rgba(95, 129, 86, 0.192);
    padding: 10px;
    margin: 2em;
}

.otherstory_main {
    color: rgb(221, 255, 245);
    font-size: small;
}


/*  基本的な構成はここまで */

.sr {
    border: #edff96;
    border-style: dashed;
    border-width: 2px;
    background: black;
    color: aquamarine;
}

.sr2 {
    background: darkslateblue;
    color: #ffebd6;
    border: #6dc0ff;
    border-style: dashed;
    border-width: 2px;
    text-align: center;
    font-family: Courier;
    font-size: x-large;
}

.sr3 {
    background: darkslateblue;
    color: #ffebd6;
    border: #6dc0ff;
    border-style: dashed;
    border-width: 2px;
    padding: 5px 5px;
    text-align: center;
    font-family: Courier;
    font-size: normal;
}


/* ソースコード表示用　*/

.srcode {
    background: black;
    border: white;
    border-style: solid;
    border-width: 1px;
    margin: 5px;
    /* margin-inside: 5px; */
}

.hightlight {
    color: rgb(255, 31, 98);
    font-size: x-large;
    font-family: 'Courier New', Courier;
}


/* コメントアウト専用　*/

.comment {
    color: #3f0;
}

.warn {
    width: 100%;
    font-size: small;
    text-align: center;
    border: gold;
    border-width: 2px;
    border-style: solid;
    margin: 5px;
}

.normalbox {
    width: 100%;
    border: aquamarine;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    padding: 5px 5px 5px 5px;
}

.back_next {
    font-size: larger;
    line-height: 2;
    background-color: rgba(94, 58, 255, 0.288);
}

.string {
    font-size: larger;
    color: rgb(175, 134, 0);
}

.num {
    font-size: larger;
    color: rgb(206, 58, 58);
}


/* タグ全体に反映させるCSS */

h1 {
    color: rgba(199, 255, 182, 0.911);
    padding: 0.5em;
    border-bottom: 0.2em rgb(77, 55, 175) dotted;
    border-radius: 0.1em;
}

h2 {
    padding-left: 0.5em;
    padding: 0.3em;
    border-left: solid 0.2em rgb(82, 168, 82);
    /* background-color: rgba(39, 105, 91, 0.185); */
    border-bottom: solid 0.1em rgb(0, 112, 97);
}

h3 {
    padding-left: 0.8em;
    border-left: solid 0.2em rgb(45, 201, 149);
}

h4 {
    border-bottom: rgb(45, 201, 149) 3px solid;
}

hr {
    border: 4px dotted;
    /* border-radius: 100%; */
    color: rgba(98, 135, 255, 0.986);
    margin: 10px 10px
}


/* body タグ全体に適応させる */

body {
    padding: 1em;
}


/* iblock （ブロックアイコン文字のデザイン） */

iblock {
    font-size: x-small;
    color: #6dc0ff;
}


/* CSSについては全然わからないのですが、最低限のことは理解しているつもり… */