/* normal: black: '0x222222' C1:    '0xD7471D' C2:    '0xEC4E20' C3:    '0xF67213' C4:    '0xFB840C' C5:    '0xFF9505' C6:    '0xFF9F1C' C7:    '0xBBBBBB' */
/*page */
body { display: grid; grid-template-columns: 0em 40em 0em; grid-template-rows: 5em auto 10em; justify-content: space-around; color: #AAAAAA; background-color: #222222; font-family: "Commit Mono", "Fira Code", "Fira Mono", monospace; padding: 0; margin: 0; }

pre { font-family: inherit; font-size: inherit; }

.centered { text-align: center; }

header { justify-content: normal; align-content: space-between; vertical-align: middle; text-align: left; grid-column-start: 1; grid-column-end: 4; grid-row: 1; }

header div { justify-content: normal; }

header div span { vertical-align: middle; align-self: center; color: #FF9605; }

#bigtitle { font-size: 2em; }

#textlogo { font-size: 1.2em; font-style: italic; grid-column: 4; }

#subtitle { font-size: 1.2em; }

header nav { display: grid; grid-template-columns: auto; grid-column-gap: 1em; justify-content: start; }

header nav a { grid-row: 1; }

main { grid-column: 2; min-height: 68vh; text-align: left; hyphens: auto; line-height: 1.4; }

footer { grid-row: 4; grid-column: 1/span 3; }

main article { border-left-color: #ff9505; border-left-width: 5px; border-left-style: solid; padding-left: 1em; margin-top: 3em; margin-bottom: 3em; }

button { background-color: #222222; border-color: #222222; color: #ff9505; padding: 0.5em; margin: 0.5em; font-family: inherit; }

input { background-color: #222222; color: #AAAAAA; font-family: inherit; border-color: #222222; padding: 0.5em; margin: 0.5em; }

/* button:hover { text-decoration: underline; }*/
/* text */
h1, h2, h3, h4, h5, h6 { color: #F67216; font-weight: normal; text-align: left; }

/* links */
a { text-decoration: none; color: #D7471D; }

a:hover { text-decoration: underline; }

/* NAV */
header nav a { color: #D7471D; }

strong { color: #EC4E20; font-weight: normal; }

@media (max-width: 1000px) { main { grid-column: 2 /span 2; } body { grid-template-rows: auto auto auto; grid-template-columns: 2em auto auto 2em; } header { grid-template-rows: auto auto auto; justify-content: center; } header div { grid-template-columns: auto; } #bigtitle { display: block; grid-row: 1; text-align: center; } #subtitle { display: block; grid-row: 2; } #textlogo { display: none; } header nav { grid-row: 3; } header nav a { grid-row: initial; } }

/** TAG PAGE **/
.tagSelectee { display: none; }

.tagSelectee:target { display: block; }

/*# sourceMappingURL=styles.css.map */