:hover { color: white; }

li { margin-left: 30px; list-style: none; }

.wrapper { margin: 0%; font-family: Yu Gothic; font-size: 20; line-height: 1.5; color: #4695b9; background-size: cover; background-size: cover; }

a { color: #4695b9; text-shadow: 2px 2px #131313; }

h1 { font-family: Yu Gothic; text-shadow: 2px 2px #131313; }

h2 { font-family: Yu Gothic; text-shadow: 2px 2px #131313; }

h3 { font-family: Yu Gothic; text-shadow: 2px 2px #131313; }

h4 { font-family: Yu Gothic; text-shadow: 2px 2px #131313; }

h5 { font-family: Yu Gothic; text-shadow: 2px 2px #131313; }

h6 { font-family: Yu Gothic; text-shadow: 2px 2px #131313; }

.dropdown { position: relative; display: inline-block; margin-left: auto; margin-right: 35; }

.dropdownbutton { background: none; border-radius: 10px; color: #4695b9; padding: 16px; font-size: xx-large; border: none; text-align: center; text-shadow: 2px 2px #131313; }

.dropdown:hover .dropdownbutton { transition-duration: 0.3s; color: white; background-color: #1d1d1db9; }

.dropdownposts { display: none; position: absolute; background-color: #1b1b1b; min-width: 160px; box-shadow: 0px 8px 16px 0px black; z-index: 1; }

.dropdownposts a { color: #4695b9; padding: 12px 16px; text-decoration: none; display: block; }

.dropdownposts a:hover { color: white; }

.dropdown:hover .dropdownposts { display: block; }

.page { font-family: Yu Gothic; font-size: 20; margin-inline: 20%; padding: 10px; padding-bottom: 30px; color: #5746b9; text-shadow: 2px 2px #131313; background-image: linear-gradient(#1b0e30e1, #1b1b1bec); border-radius: 5px; justify-items: center; }
.page p, .page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page a { color: #5746b9; text-align: center; text-decoration: none; }
.page a:hover { color: white; }
.page hr { width: 100%; }
.page .titleHr { width: 20%; }
.page iframe { display: block; margin: 0 auto; }

footer { position: fixed; width: 100%; bottom: 0%; background-color: #1b1b1b; }
footer hr { border-color: #353535; border-style: solid; border-width: 2; margin: 0%; }

header .flexbox { max-height: 130px; display: flex; justify-content: left; margin: 0px; align-items: center; background-size: 100%; width: 100%; }
header .flexbox img { max-height: 130px; }
header .flexbox .navlist ul { list-style-type: none; padding: 0px; overflow: hidden; font-family: Yu Gothic; font-size: xx-large; font-weight: bold; }
header .flexbox .navlist li { float: left; }
header .flexbox .navlist li a { border-radius: 10px; padding: 16px; display: block; text-align: center; text-shadow: 2px 2px #131313; text-decoration: none; }
header .flexbox .navlist li a:hover { transition-duration: 0.3s; display: block; background-color: #1d1d1db9; text-shadow: 2px 2px #131313; text-align: center; text-decoration: none; }
header hr { margin: 0%; border: 5px solid #131313; }

.post { font-family: Yu Gothic; font-size: 20; line-height: 1.5; margin-inline: 50px; color: #4695b9; text-shadow: 2px 2px #131313; background-color: #1b1b1bec; border-style: solid; border-width: 5; border-radius: 5px; border-color: #353535; }
.post summary { font-weight: bold; }
.post summary h1, .post summary h2, .post summary h3, .post summary h4, .post summary h5, .post summary h6 { display: inline-block; }
.post summary:hover { color: white; }
.post .titleh2 { margin-left: 10; margin-top: auto; padding-top: 10; padding-bottom: 0; justify-content: left; margin-bottom: auto; }
.post h3, .post h4, .post h5, .post h6 { margin-top: auto; margin-left: 40; padding-top: 10; padding-bottom: 0; justify-content: left; margin-bottom: auto; }
.post hr { border-color: #4695b9; border-style: solid; border-width: 2; }
.post p { margin-left: 40; }
.post .titlearea { background-color: #353535; }

.content { column-count: 2; flex: auto; overflow: hidden; position: relative; width: 100%; }

.textarea { justify-items: left; break-inside: avoid; }
.textarea h1, .textarea h2, .textarea h3, .textarea h4, .textarea h5, .textarea h6 { margin-left: auto; }

.videoarea { display: flexbox; justify-items: center; position: absolute; height: 100%; width: 50%; right: 0; top: 0; }
.videoarea iframe { display: block; scale: 1.2; margin-top: 5%; margin-right: 10px; background-color: #131313b2; padding: 16px; }

.slowinfo { margin-left: 40; }
.slowinfo p { margin-left: auto; }
.slowinfo pre { background-color: #202020; width: fit-content; padding-right: 10%; }
.slowinfo code { all: unset; }

.quickinfo { margin-left: 40; justify-content: center; position: relative; width: 80%; }

.infosheet { margin-top: 10px; background-color: #131313; border-color: #292929; width: 100%; }
.infosheet h4 { margin-left: 5px; }
.infosheet th { display: flex; margin-right: 5px; margin-left: 5px; }
.infosheet td { padding-left: 5px; padding-bottom: 5px; }

pre code.hljs { display: block; overflow-x: auto; padding: 1em; }

code.hljs { padding: 3px 5px; }

/* Visual Studio 2015 dark style Author: Nicolas LLOBERA <nllobera@gmail.com> */
.hljs { background: #1E1E1E; color: #DCDCDC; }

.hljs-keyword, .hljs-literal, .hljs-symbol, .hljs-name { color: #569CD6; }

.hljs-link { color: #569CD6; text-decoration: underline; }

.hljs-built_in, .hljs-type { color: #4EC9B0; }

.hljs-number, .hljs-class { color: #B8D7A3; }

.hljs-string, .hljs-meta .hljs-string { color: #D69D85; }

.hljs-regexp, .hljs-template-tag { color: #9A5334; }

.hljs-subst, .hljs-function, .hljs-title, .hljs-params, .hljs-formula { color: #DCDCDC; }

.hljs-comment, .hljs-quote { color: #57A64A; font-style: italic; }

.hljs-doctag { color: #608B4E; }

.hljs-meta, .hljs-meta .hljs-keyword, .hljs-tag { color: #9B9B9B; }

.hljs-variable, .hljs-template-variable { color: #BD63C5; }

.hljs-attr, .hljs-attribute { color: #9CDCFE; }

.hljs-section { color: gold; }

.hljs-emphasis { font-style: italic; }

.hljs-strong { font-weight: bold; }

/*.hljs-code { font-family:'Monospace';
}*/
.hljs-bullet, .hljs-selector-tag, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo { color: #D7BA7D; }

.hljs-addition { background-color: #144212; display: inline-block; width: 100%; }

.hljs-deletion { background-color: #600; display: inline-block; width: 100%; }