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

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

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

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

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

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; }

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; }

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

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

.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; } }

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

.project-post { margin: auto; width: 25%; display: inline-block; overflow-wrap: break-word; word-wrap: break-word; }

.all-project-posts { width: 100%; display: inline-block; }

.hidden { display: none; }

.projects, .s10c-events { width: 400px; margin: auto; margin-bottom: 20px; margin-top: 10px; }

.s10c-event { margin-bottom: 10px; margin-top: 10px; width: 90%; margin: auto; }

#workshops { width: 300px; }

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

.composition img, .workshop img { width: 100%; }

.docu-flex-container { 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 { overflow: hidden; width: 100%; margin-bottom: 1em; margin-top: 1em; padding-bottom: 1em; padding-top: 1em; display: inline-block; border: dotted; border-color: red; }

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

#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; }

#side-images { display: none; }

@media (min-width: 1024px) { #side-images { display: inline-block; overflow: auto; width: 15vw; z-index: 100; position: fixed; height: 100%; top: 0px; right: 0px; } }

#all-posts { display: none; }

@media (min-width: 1024px) { #all-posts { display: inline-block; left: 0; margin-right: 15vw; margin-left: 15vw; width: 70vw; height: 100%; overflow-y: auto; position: fixed; z-index: 2; } }

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

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

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

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

time { color: #898989; }

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

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

/* Aside */
aside { width: 100%; height: 50px; position: fixed; top: 0; left: 0; background: orange; /* Old browsers */ background: -moz-linear-gradient(top, orange 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, orange), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, orange 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, orange 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, orange 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, orange 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ z-index: 3; }

aside nav { float: left; width: 100%; margin: 0 auto; }

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

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

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

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

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

aside nav ul li ul { left: 100%; display: none; position: absolute; top: 0px; background: orange; }

aside nav ul li:hover ul { display: block; }

aside nav:after { content: ''; display: table; clear: both; }

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

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

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

/** 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 */