*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media print { * { page-break-inside: avoid; page-break-after: avoid; page-break-before: avoid; } }

body { overflow-x: hidden; margin: 0; padding: 0; font-family: "Lucida Console", Monaco, monospace; font-size: 0.8em; color: #262626; line-height: 1.6; -webkit-font-smoothing: antialiased; }

h3 { font-weight: 600; color: #262626; font-family: "Lucida Console", Monaco, monospace; line-height: 1; }

h1 { color: orange; font-size: 2.5em; }

h1 a, h1 a:visited { text-decoration: none; color: orange; }

h2 { font-size: 2em; margin: 0px; }

ul { margin: 0; padding: 0; list-style: none; }

button { color: #0d10a7; background-color: transparent; text-decoration: underline; font-weight: bold; border: dotted; border-color: transparent; text-align: center; text-decoration: none; cursor: pointer; margin: 3px; }

button:hover { color: orange; text-decoration: underline; }

a, a:visited { color: #0d10a7; text-decoration: underline; font-weight: bold; }

a:hover { color: orange; text-decoration: underline; }

.fade-in { opacity: 1; transition: 1s opacity; }

.fade-out { opacity: 0; transition: none; }

.img-big { width: 100%; page-break-inside: avoid; }

.img-small { width: 70%; page-break-inside: avoid; }

@media (min-width: 1024px) { .img-small { width: 30%; } }

.img-thumb { width: 200px; page-break-inside: avoid; }

time { color: #898989; }

button.disabled { opacity: 50%; }

button.playing { border: dotted; border-color: greenyellow; }

.docu-button { font-size: 2rem; float: right; }

.scrolling { display: inline-block; white-space: nowrap; animation: floatText 20s infinite linear; padding-left: 50%; /*Initial offset*/ color: red; }

@keyframes floatText { to { transform: translateX(-100%); } }

#background-img { background-image: url("../assets/background/dithered-bg.png"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; z-index: -1; }

#main { opacity: 1; transition: 0.2s opacity; max-width: 100%; padding-top: 50px; }

@media (min-width: 768px) and (max-width: 1023px) { #main { padding-top: 0px; padding-left: 150px; } }

@media (min-width: 1024px) { #main { padding-top: 0px; padding-left: 150px; } }

#main.fade-out { opacity: 0; transition: none; }

#side-nav { width: 100%; height: 50px; position: fixed; top: 0; left: 0; background: #772856 url(data:image/png;base64,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); z-index: 3; }

#side-nav a, #side-nav a:visited { color: #4bbc29; }

#side-nav nav { float: left; width: 100%; margin: 0 auto; }

#side-nav nav a { padding: 0px 2px 0px 2px; font-size: 1em; text-decoration: none; display: block; box-shadow: 0; }

#side-nav nav a:hover, #side-nav nav a:active { background: #1D1425; text-decoration: none; color: blue; }

#side-nav nav ul li { margin: 0; padding: 0; display: block; float: left; position: relative; }

#side-nav nav ul li.active { background: #1D1425; text-decoration: none; color: blue; display: block; }

#side-nav nav:after { content: ""; display: table; clear: both; }

@media (min-width: 768px) and (max-width: 1023px) { #side-nav { width: 150px; height: 100vh; } #side-nav nav ul { width: 150px; } #side-nav nav ul li { width: 150px; padding: 0px 0px 0px 0px; } }

@media (min-width: 1024px) { #side-nav { width: 150px; height: 100vh; } #side-nav nav ul { width: 150px; } #side-nav nav ul li { width: 150px; padding: 0px 0px 0px 0px; } }

#banner { position: fixed; top: 0px; height: 1.5rem; background-color: white; }

#banner p { margin: 3px; }

footer { text-align: center; padding: 40px; }

.single-flex-container { column-count: 1; column-gap: 1em; width: 95%; margin: auto; }

@media (min-width: 768px) and (max-width: 1023px) { .single-flex-container { column-count: 1; column-gap: 1em; width: 95%; margin: auto; } }

@media (min-width: 1024px) { .single-flex-container { column-count: 1; column-gap: 1em; width: 80%; margin: auto; } }

.reader-container { display: flex; flex-direction: column; align-items: center; width: 100vw; }

.reader-post { overflow-x: hidden; max-width: 95vw; }

@media (min-width: 768px) and (max-width: 1023px) { .reader-post { max-width: 80vw; } }

@media (min-width: 1024px) { .reader-post { max-width: 40vw; } }

.reader-nav { display: flex; justify-content: flex-end; }

.reader-nav a { margin: 2px; }

.single-post { width: 90%; margin-top: 3em; margin-bottom: 3em; margin-right: 18px; padding: 3em; display: block; border: none; border-color: red; }

.hidden { display: none; }

.composition { margin-bottom: 10px; margin-top: 10px; width: 100%; }

.composition img { width: 100%; }

.docu-nav { display: flex; justify-content: flex-end; }

.docu-nav a { margin: 2px; background-color: white; }

.docu-flex-container { padding-left: 1em; padding-right: 1em; column-count: 1; column-gap: 1em; }

@media (min-width: 768px) and (max-width: 1023px) { .docu-flex-container { column-count: 3; column-gap: 1em; } }

@media (min-width: 1024px) { .docu-flex-container { column-count: 3; column-gap: 1em; } }

.documentation { background-color: white; overflow: hidden; width: 100%; display: inline-block; border: dotted; border-color: red; }

#player-container { width: 100%; height: 100vh; }

#bandcamp { width: 100%; height: 100vh; }

#calendar { max-width: 100%; width: 100%; }

#calendar table { table-layout: fixed; width: 100%; word-wrap: break-word; }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

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