*, ::after, ::before {
  margin: 0; 
  padding: 0; 
  box-sizing: border-box;
}
:root { 
  --greentext: #6F7533;
  --linkblue: #006DE2;
  --quote: #ff1188;
  
  --md_eyes: #3F165B;
  --md_mane_red: #D2405B;
  --md_mane_purple: #754895;
  --md_mane_violet: #AB87CC;
  
  --md_coat: #F7F8D3;
  --md_coat_wet: #FFF8D8; /* or #faf0d7*/
  --md_aura: #EBD3E3;
  --md_love: #FF9ECE;
  
  --font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Comic Sans MS", sans-serif;  
  --font-family-monospace: SFMono-Regular, Menlo,Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
::selection { 
  background-color: var(--md_mane_purple);
  color: #ecf0f1;
}
*:hover, *:focus {
	transition: 0.22s
}


html {
  position: relative;
  min-height: 100%;
  font-family: var(--font-family-sans-serif);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
 
body {
  position: relative;
  color: #222;
  background-color: #333458;
  background-image: url('data:image/png;base64,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');
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-align: left;
}



@media (min-width: 576px) {
  .container-smooth {
    width: 1140px !important;
    max-width: 100% !important;
    padding-right: .5rem;
    padding-left: .5rem;
  }
}

.container, main {
  margin: 40px auto;
  padding: 15px 5px 15px 5px;
  width: 1140px;
  max-width: 100%;
}
@media (min-width: 576px)  {.container, main {max-width: 540px;  padding: 15px 8px 15px 8px;}}
@media (min-width: 768px)  {.container, main {max-width: 720px;  padding: 15px 15px 15px 15px;}}
@media (min-width: 992px)  {.container, main {max-width: 960px;  padding: 20px 25px 20px 25px;}}
@media (min-width: 1200px) {.container, main {max-width: 1140px; padding: 20px 25px 20px 25px;}}

main {
  background: linear-gradient(to bottom right, var(--md_coat), #faf0d7);
  position: relative;
  border-left: 6px solid var(--md_eyes);
  overflow: hidden;
}


commonmark {
  visibility: hidden;
}

commonmark h1, 
commonmark h2, 
commonmark h3 {
  font-weight: bold;
  margin-bottom: 0.25rem;
  display: block;
  color: var(--md_eyes);
}
commonmark h1 {font-size: 1.4rem; margin-top: 2.25rem;}
commonmark h2 {font-size: 1.2rem; margin-top: 1.5rem;}
commonmark h3 {font-size: 1.1rem; margin-top: 1.0rem;}
h1 + h2, h2 + h3 {margin-top: 0rem;}



commonmark p { 
  margin-top: 0;
  margin-bottom: 0.66rem;
}

commonmark ul,
commonmark ol {
  margin-top: 0;
  margin-bottom: 0.66rem;
}
commonmark ol ol, 
commonmark ul ul,
commonmark ol ul, 
commonmark ul ol {
margin-bottom: 0.25rem;
}
commonmark ul,
commonmark ol {
  margin-left: 1.5rem;
}
commonmark li::marker {
  color: var(--md_mane_purple);
}




commonmark blockquote,
.cute {
  color: var(--md_eyes);
  background: var(--md_coat_wet);
  padding: 0.5rem 0.75rem 0.75rem 1rem;
  border: 1px var(--md_aura) dashed;
  overflow: auto;
  word-break: unset;
}
commonmark blockquote,
.cute {
  margin-top: 0.25rem;
  margin-bottom: 0.66rem;
}
commonmark blockquote p,
.cute p {
  margin-bottom: 0rem;
}
commonmark blockquote .prompt,
.cute .prompt {
  font-weight: bold;
  font-size: 1rem;
  display: inline-block;
}

commonmark blockquote p .prompt,
.cute p .prompt {
  margin-top: 0.65rem;
}
commonmark blockquote p:first-child .prompt:first-child,
.cute p:first-child .prompt:first-child {
  margin-top: -0.65rem;
}

commonmark blockquote ul, 
commonmark blockquote ol,
.cute ul, 
.cute ol {
	margin-bottom: 0rem;
}









commonmark em {
  font-style: italic;
  text-shadow: 1px 1px 10px var(--md_aura);
}

commonmark .underline {
 position: relative;
}
commonmark .underline::after {
 content: '';
 position: absolute;
 width: 100%;
 height: 1px;
 background-color: currentColor;
 bottom: -2px;
 left: 0;
}







commonmark hr {
  border: 0;
  height: 2px;
  margin-bottom: 0.66rem;
  opacity: 0.25;
  border-radius: 50%;
  background: linear-gradient(45deg, var(--md_mane_purple), var(--md_mane_red), var(--md_mane_violet));
}

commonmark code {
  font-family: var(--font-family-monospace);
  letter-spacing: -0.25px;
  background: #FEFFF3;
  color: var(--md_mane_red);
  padding: 0.05rem 0.12rem;
  margin: 0 0.17rem;
  font-size: 0.95rem;
}

commonmark a {
  color: var(--linkblue);
  text-decoration: none;
  border-bottom: 1px solid var(--linkblue);
  padding-bottom: 0px;
}

commonmark a:hover {
  color: var(--md_mane_purple);
  border-bottom: 1px solid var(--md_mane_purple);
}

commonmark img {
  margin: 0.5rem 0;
}

@media (max-width: 767px)  {commonmark img {width: 100% !important;}}
@media (min-width: 576px)  {commonmark img {margin: 0.5rem 0}}
@media (min-width: 768px)  {commonmark img {margin: 0.5rem 0}}
@media (min-width: 992px)  {commonmark img {margin: 0.66rem 0.25rem}}
@media (min-width: 1200px) {commonmark img {margin: 0.66rem 0.25rem}}


commonmark .spoiler {
  background: var(--md_aura);
  color: var(--md_aura);
}
commonmark .spoiler em {
  text-shadow: none;
}
commonmark .spoiler:hover {
  background: unset;
  color: unset;
  cursor: pointer;
}


commonmark toc::before {
  content: 'table of content:';
  margin: 0 0 0.25rem 0.66rem;
  position: relative;
  display: inline-block;
  font-weight: bold;
}

commonmark toc {
  display: inline-block;
  color: var(--md_eyes);
  background: var(--md_coat_wet);
  padding: 0.25rem 0.75rem 0.5rem;
  border: 1px var(--md_aura) dashed;
}

commonmark toc a {
  color: unset;
  text-decoration: none;
  border-bottom: none;
}



.alignright {
  text-align: right;
}
.alignleft {
  text-align: left;
}
.aligncenter {
  text-align: center;
}




.anchor {
  margin-top: 0rem;
  margin-bottom: -2rem;
}
.anchor a {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
  padding: 0 7px 3px 7px;
  font-family: var(--font-family-monospace);
  display: table;
  letter-spacing: -1px;
  font-size: 0.95rem;
}
.anchor a + a {
  margin-top: 0.75rem;
}
.anchor a:hover {
  color: var(--md_love);
  border-bottom: 1px solid var(--md_love);
  transition: 0.22s;
}


.hide {
	visibility: hidden;
}


.infoblock {
  padding: 0.75rem 0.25rem 0.75rem 1rem;
  border: 1px solid;
  position: relative;
  margin: 0.25rem 0 0.25rem 0;
}
.infoblock.info { 
  background: var(--md_aura);
  border-color: var(--md_mane_violet);
}

.infoblock p:last-child {
  margin-bottom: 0px;
}



.indexpost_header {
  margin-top: 3.5rem;
}
.indexpost {
  font-size: 0.85rem;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.indexpost code {
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
  display: inline-block;
}





/* writing styles - table with all authors */
body.WS_table article {
  margin: 0 0rem 1.1rem 0rem;
  padding: 0.75rem 0.75rem 1rem 1.25rem;
  box-shadow: 5px 4px 7px -4px var(--md_eyes);
  border-radius: 0px 8px 0px 0px;
  border: 1px solid #754895;
  background: linear-gradient(to bottom right, var(--md_coat), #faf0d7);
  position: relative;
  border-left: 6px solid var(--md_eyes);
  overflow: hidden;
  transition: 0.33s ease-in-out;
  opacity: 1;
}


body.WS_table author {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
  display: block;
  color: var(--md_eyes);
}


body.WS_table works {
  margin: 0 0 0.6rem 0;
  padding: 2px 7px 3px 0px;
  display: inline;
  position: relative;
  font-style: italic;
  border-bottom: 2px solid #AB87CC99;
  line-height: 1.6;
}
body.WS_table works::before {
  content: 'Notable works: ';
  font-weight: bold;
  color: var(--md_eyes);
  font-style: normal;
  border-bottom: 2px solid var(--md_mane_red);
  padding: 0 0 3px 0;
  display: inline;
}


body.WS_table text {
  text-indent: 0.5rem;
  display: block;
  margin: 0 0 0.6rem 0;
  text-align: justify;
  text-justify: inter-word;
  padding: 0.5rem;
  line-height: 1.22;
}
body.WS_table text p {
  margin: 0 0 0.25rem 0;
}
body.WS_table text qt {
  color: var(--quote);
  font-style: normal;
  font-weight: normal;
}


body.WS_table tags {
  display: inline-block;
  font-style: italic;
  padding: 0;
  margin: 0 0 0.15rem 0;
}
body.WS_table tags::before {
  content: 'tags: ';
  font-weight: bold;
  margin: 0 0 0.15rem 0;
  color: var(--md_eyes);
  font-style: normal;
}







body.WS_table .search-container {
  position: relative;
  margin: 0 0 1.5rem 0;
  color: white;
}
body.WS_table .search-container [for="searchInput"] {
  display: none;
}
body.WS_table [for="searchInputCheckboxText"] {
  margin: 0 0 0 0.65rem;
  position: relative;
  bottom: 0.5rem;
  cursor: pointer;
}


body.WS_table #searchInput {
  width: 100%;
  padding: 0.55rem 0.5rem 0.55rem 1.25rem;
  margin: 0 0 0.65rem 0;
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  border: 2px solid var(--md_mane_purple);
  outline: none;
}
body.WS_table #searchInput:focus { 
  box-shadow: 0px 0px 5px -1px var(--md_coat);
  border-color: var(--md_mane_violet);
}
body.WS_table #searchInput::placeholder {
  color: #666;
  opacity: 0.75;
}

body.WS_table #searchInputCheckboxText {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 1.65rem;
  height: 1.65rem;
  border: 2px solid var(--md_mane_purple);
  border-radius: 0px;
  outline: none;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
body.WS_table #searchInputCheckboxText::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 1rem;
  height: 1rem;
  background-color: var(--md_mane_purple);
  border-radius: 3px;
  transition: transform 0.2s ease-in-out;
  transform-origin: bottom right;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
body.WS_table #searchInputCheckboxText:checked::before {
  transform: translate(-50%, -50%) scale(1);
}























body.WS_table .container { padding: 15px 5px 15px 5px;}
@media (min-width: 576px)  {body.WS_table .container {padding: 15px 5px 15px 5px;}}
@media (min-width: 768px)  {body.WS_table .container {padding: 15px 5px 15px 5px;}}
@media (min-width: 992px)  {body.WS_table .container {padding: 20px 0px 20px 0px;}}
@media (min-width: 1200px) {body.WS_table .container {padding: 20px 0px 20px 0px;}}

body.WS_table .anchor { padding: 15px 5px 0px 5px;}
@media (min-width: 576px)  {body.WS_table .anchor {padding: 15px 8px 0px 8px;  }}
@media (min-width: 768px)  {body.WS_table .anchor {padding: 15px 15px 0px 15px;}}
@media (min-width: 992px)  {body.WS_table .anchor {padding: 20px 25px 0px 25px;}}
@media (min-width: 1200px) {body.WS_table .anchor {padding: 20px 25px 0px 25px;}}