/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
███████  ██████  ███    ██
██      ██    ██ ████   ██
█████   ██    ██ ██ ██  ██
██      ██    ██ ██  ██ ██
██       ██████  ██   ████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */

















@font-face { font-family: "ubuntu";
  src: url("../../_/fon/Ubuntu-Light.ttf");
  font-weight: 300;
}
@font-face { font-family: "ubuntu";
  src: url("../../_/fon/Ubuntu-Regular.ttf");
  font-weight: 400;
}
@font-face { font-family: "ubuntu";
  src: url("../../_/fon/Ubuntu-Medium.ttf");
  font-weight: 500;
}
@font-face { font-family: "ubuntu";
  src: url("../../_/fon/Ubuntu-Bold.ttf");
  font-weight: 700;
}
/* - - - - - - - - - - - - - - - - - */
@font-face { font-family: "ubuntusans";
  src: url("../../_/fon/UbuntuSans_ww.ttf");
}
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face { font-family: "chica";
  src: url("../../_/fon/ChicaMono.ttf");
}
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face { font-family: "arvo";
  src: url("../../_/fon/Arvo-Regular.ttf");
}
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face { font-family: "berlin";
  src: url("../../_/fon/Berlin.ttf");
}
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face { font-family: "italic";
  src: url("../../_/fon/CrimsonPro_wi.ttf");
}
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face { font-family: "arow";
  src: url("../../_/fon/CrimsonPro_wi.ttf");
}
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face { font-family: "crimson";
  src: url("../../_/fon/CrimsonPro_wi.ttf");
}
@font-face { font-family: "arow";
  src: url("../../_/fon/Arrow.ttf");
}
/* - - - - - - - - - - - - - - - - - - - - - - - */

body {
  font-family: 'ubuntu';
  font-weight: 400;
}

svg {
  font-family: 'ubuntu';
  z-index: 0; /* to be interpreted by canonic() as y-offset */
}

svg .tt {
  font-family: 'menlo';
  font-weight:900;
  z-index: 0; /* to be interpreted by canonic() as y-offset */
}

svg .tx {
  font-family: 'berlin';
  text-shadow:0px 0px 2px #000;
  z-index: 0; /* to be interpreted by canonic() as y-offset */
}

.code {
  font-family: 'menlo';
  line-height: .7;
  font-weight: 900;
}

.q .code {
  font-family: 'ubuntu';
  line-height: 1;
  font-weight: 400;
}

.arow {
  font-family: 'arow';
}
















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
██████  ██ ███████ ██████  ██       █████  ██    ██
██   ██ ██ ██      ██   ██ ██      ██   ██  ██  ██
██   ██ ██ ███████ ██████  ██      ███████   ████
██   ██ ██      ██ ██      ██      ██   ██    ██
██████  ██ ███████ ██      ███████ ██   ██    ██
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* INITIALIZE DISPLAY BEFORE filterParagraphs(); */





















h1 {display: none;}
h2 {display: none;}
#dots p {display: none;}
#main p {display: none;}

h1.visible {display: block;}
h2.visible {display: block;}
#dots p.visible {display: block;}
#main p.visible {display: block;}




















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
████████  █████   ██████  ███████
   ██    ██   ██ ██       ██
   ██    ███████ ██   ███ ███████
   ██    ██   ██ ██    ██      ██
   ██    ██   ██  ██████  ███████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */




















body {
  margin: 0;
  background-color: #888;
  font-size:120%;
  /* overflow: hidden; */
}

div[id^="_"] {
  padding: 0 0 1px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

p {
  text-align: justify;
  padding: 0 40px 15px 40px;
  margin: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

a {
  text-decoration: none;
  color:#666;
  font-weight: 600;
  z-index:111;
  position:relative;
  border-bottom:1px dotted #666;
}
a:hover {
  color:#333;
  text-shadow: 2px 2px 2px #00000077;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

b {
  font-weight:900;
  /* color:#666; */
  /* text-transform: uppercase; */
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

/* i {
  font-family: crimson;
  font-size:1.1em;
} */

/* - - - - - - - - - - - - - - - - - - - - - - - */

h1 {
  padding: 15px;
  margin: 0;
  font-weight: 100;
  color: #555;
  font-size: 2.3em;
}

h1 > .tag:first-of-type {
  opacity: 0;
  position: absolute;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

h2 {
  /* padding: 10px; */
  margin: 0;
  font-weight: 900;
  color: #aaa;
  font-size: 3em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

h3 {
  font-size:6em;
  margin-right:3000px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

h5 {
  font-style: italic;
  /* font-family:crimson; */
  font-size: .8em;
  font-weight: 900;
  margin: 0 20px;
  padding: 10px;
  color: #666;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

h6 {
  font-size: 6em;
  position: absolute;
  right: 180px;
  top: 20px;
  text-align: right;
  color: #777;
  line-height: 1;
  margin:0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

img {
  width: 100%;
  max-width: 30em;
  height: auto;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

ol {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

ul {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

q::before,
q::after {
  content: '';
}

















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
███████ ██    ██  ██████
██      ██    ██ ██
███████ ██    ██ ██   ███
     ██  ██  ██  ██    ██
███████   ████    ██████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */

















.svg{
  display:flex;
  justify-content: space-evenly;
  flex-direction: row;
  align-items: center;
}

.thin svg{
  margin:0 -8;
}

svg.totem {
  width:95%;
  height:auto;
}

span:has(> .totem) {
  display:table-cell;
}

p > span > svg{
  position:relative;
  bottom:-.1em;
}

li {
  text-indent: -1.4em;
  margin-left: 2.5em;
  text-align: justify;
}

.code > span > svg {
  margin:-11px -7px -3px;
  transform: scale(.6);
  transform-origin: center bottom;
}
















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
████████  █████  ██████  ██      ███████
   ██    ██   ██ ██   ██ ██      ██
   ██    ███████ ██████  ██      █████
   ██    ██   ██ ██   ██ ██      ██
   ██    ██   ██ ██████  ███████ ███████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */














tr.t_0,
tr.t_1,
tr.t_2,
tr.t_3,
tr.t_4,
td.t_0,
td.t_1,
td.t_2,
td.t_3,
td.t_4 {
  text-shadow: 1px 1px 1px hsla(0,0%,0%,.2);
  color: hsla(0,0%,0%,.8);
}
tr.t_0,td.t_0 {background-color: hsl(135,70%,75%);}
tr.t_1,td.t_1 {background-color: hsl(315,70%,75%);}
tr.t_2,td.t_2 {background-color: hsl(225,70%,75%);}
tr.t_3,td.t_3 {background-color: hsl(45,70%,75%);}

tr.t_0 b,td.t_0 b,
tr.t_1 b,td.t_1 b,
tr.t_2 b,td.t_2 b,
tr.t_3 b,td.t_3 b {
  color:#fff;
  text-shadow:0px 0px 2px #000;
  font-size:113%;
}

.t_x,
.t_x th,
.t_x td {
  border:0;
}




tr.t_4,
td.t_4 {background-color: #888; color: #fff; stroke:#fff}
tr.t_8,
tr.t_8 > td,
td.t_8 {background-color: #ddd;}

/* .t_ {stroke:#000;} */


tr.t_4 {color:#fff !important}

p table.t_2 th,
p table.t_2 td {
  width:50%;
}

p table.t_3 th,
p table.t_3 td {
  width:33.3%;
}

p table.t_4 th,
p table.t_4 td {
  width:25%;
}

p table.t_5 th,
p table.t_5 td {
  width:20%;
}

p table.t_6 th,
p table.t_6 td {
  width:16.6%;
}

p table.t_7 th,
p table.t_7 td {
  width:14.2%;
}

p table.t_8 th,
p table.t_8 td {
  width:12.5%;
}

p table.t_9 th,
p table.t_9 td {
  width:11.1%;
}

.bot,
.t_b {
  margin-bottom: -8px;
  border-bottom: 0;
}

.ju td,
.t_j{
  text-align:justify;
}
.t_l{
  text-align:left;
}
.t_r{
  text-align:right;
}
.t_c{
  text-align:center;
}

.t_ > .code {
  font-size: 1.2em;
  line-height:1;
}

/* td.t_:has(> .code){
  padding-bottom: 1px;
} */


/* - - - - - - - - - - - - - - - - - - - - - - - */

span.pc50,
p table.pc50 th,
p table.pc50 td {
  width:50%;
}

p table.pc33 th,
p table.pc33 td {
  width:33%;
}

span.pc25,
p table.pc25 th,
p table.pc25 td {
  width:25%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - */

p table {
  width:100%;
  text-align: center;
  border:1px solid hsla(0,0%,0%,.5);
  border-spacing: 0px;
  margin:4px 0;
  font-weight: 900;
  color:#555;
}

p th,
p td {
  border:1px solid hsla(0,0%,0%,.5);
  padding:.4em;
  font-weight: 900;
}

table.ul {
  border:0px;
  margin: .1em;
}

table.ul td {
  text-align: left;
  border:0px;
  vertical-align: baseline;
  padding-top: 0;
  padding-bottom: .15em;
  padding-left: 0;
  font-weight: 500;
  color: #000;
  border-top: 1px dotted #ccc;
}
table.ul tbody:first-child td {
  border-top: 0px dotted #ccc;
}

td.bul {
  font-size:1.2em;
  line-height: 0;
  border-bottom: 0px!important;
  padding: 0;
  width: .6em;
}

table.ul tr:first-of-type td.bul {
  border-top: 0px!important;
}

table.ol {
  border:0px;
  margin: .1em;
}

table.ol td {
  text-align: left;
  border:0px;
  vertical-align: baseline;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  color: #000;
  /* border-top: 1px dotted #ccc; */
}

td.bol {
  line-height: 0;
  border-bottom: 0px!important;
  padding: 0;
  min-width: 1.4em;
  font-weight: 900;
}

table.ol tr:first-of-type td.bul {
  border-top: 0px!important;
}

td.tagName {
  text-align: left;
}


/*
table.t_ svg {
  transform: scale(0.7);
  margin:-30px;
} */





















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
 █████  ███████ ████████ ██████   ██████
██   ██ ██         ██    ██   ██ ██    ██
███████ ███████    ██    ██████  ██    ██
██   ██      ██    ██    ██   ██ ██    ██
██   ██ ███████    ██    ██   ██  ██████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */


.shado {
  filter: drop-shadow(1px 1px 2px #00000077);
}
.shadoo {
  filter: drop-shadow(1px 1px 2px #000);
}
.hiid {
  display: none !important;
}
















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */















.activ {
  font-weight: 900;
  text-shadow: 1px 1px 2px #00000077;
}

.tag5.activ {
  font-weight: 400;
  background-color: #333;
  color:#fff;
  box-shadow: 2px 2px 8px #00000077;
  padding: 0;
}

.tag4.activ {
  font-weight: 400;
  background-color: #777;
  color:#fff;
  border:1px solid #000;
  border-radius:3px;
  box-shadow: 2px 2px 4px #00000077;
  padding: 0px 3px;
  font-size: 90%;
}

.tx0.activ,
.tx1.activ,
.tx2.activ,
.tx3.activ,
.tx4.activ {
  text-shadow: 0px 0px 1.5px #00000077;
  font-weight: 900;
}

.tx0.activ {color: hsl(135,99%,40%);}
.tx1.activ {color: hsl(315,99%,45%);}
.tx2.activ {color: hsl(225,99%,55%);}
.tx3.activ {color: hsl(45,99%,45%);}
.tx4.activ {color: #666;}

/* - - - - - - - - - - - - - - - - - - - - - - - */

.bg0.activ,
.bg1.activ,
.bg2.activ,
.bg3.activ,
.bg4.activ{color: #000;}

.bg0.activ {background-color: hsl(135,80%,75%);}
.bg1.activ {background-color: hsl(315,80%,75%);}
.bg2.activ {background-color: hsl(225,80%,75%);}
.bg3.activ {background-color: hsl(45,80%,75%);}
.bg4.activ {background-color: #bbb;}

/* - - - - - - - - - - - - - - - - - - - - - - - */

.bi0.activ,
.bi1.activ,
.bi2.activ,
.bi3.activ,
.bi4.activ{color: #fff;}

.bi0.activ {background-color: hsl(135,80%,50%);}
.bi1.activ {background-color: hsl(315,80%,50%);}
.bi2.activ {background-color: hsl(225,80%,55%);}
.bi3.activ {background-color: hsl(45,80%,50%);}
.bi4.activ {background-color: #666;}

/* - - - - - - - - - - - - - - - - - - - - - - - */

.bg_0,
.bg_1,
.bg_2,
.bg_3,
.bg_4{color: #000;}

.bg_0 {background-color: hsl(135,70%,70%);}
.bg_1 {background-color: hsl(315,70%,70%);}
.bg_2 {background-color: hsl(225,70%,75%);}
.bg_3 {background-color: hsl(45,70%,70%);}
.bg_4 {background-color: hsl(0,0%,70%);}

/* - - - - - - - - - - - - - - - - - - - - - - - */

.togtag.activ {color: #fff;}
.togtag.activ a:active {color: #333;}
.togAll.activ {color: #fff;}
.togAll.activ a:active {color: #333;}











/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
██████   ██████   ██████  ████████
██   ██ ██    ██ ██    ██    ██
██████  ██    ██ ██    ██    ██
██   ██ ██    ██ ██    ██    ██
██   ██  ██████   ██████     ██
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */






#br {
  display: block;
  height:333px;
}







#root {
  width: 97%;
  left:0;
  position: absolute;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  margin-left: 1.5%;
  margin-top: .5em;
  align-items: flex-end;
}

#root {
  /* overflow-y: auto; /* Enable vertical scrolling */
  /* max-height: 3000px; /* Set the maximum height of the menu */
}

#root > #dots {
  position: fixed;
  top: 45px;
  transform: scale(.075);
  transform-origin: right top;
  width:91%;
  /* max-width:800px; */
}

#root > #dots.shrink {
  left:6%;
  display:none;
}

#root .hzLine{
  width: 9999px;
  height: 20px;
  position: absolute;
  left: 700px;
  top:-50px
}

#root .hzLine q{
  color: #aaa;
  font-size: 8em;
  width: 100%;
  display: block;
  text-align: right;
}

#root .dot {
  /* position:absolute; */
  /* width: 800px; */
  border:3px solid #666;
  box-shadow: 30px 30px 60px #00000077;
}

#root .dot:hover {
  z-index:555;
  box-shadow: 60px 60px 120px #00000077;
}

#root .lk {
  position:absolute;
  margin:0;
  left:30px;
  font-size: .6em;
}















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
██████   ██████  ████████ ███████
██   ██ ██    ██    ██    ██
██   ██ ██    ██    ██    ███████
██   ██ ██    ██    ██         ██
██████   ██████     ██    ███████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */













#dots {
  display: block;
  cursor:pointer;
}

#dotsMenu {
  display: none;
}

#dotz {
  margin: 1em 0;
}

#dotz h1 {
  font-size: .6em;
  font-weight: 900;
  color: #333;
  padding: 0;
  border-bottom:1px dotted #555;
  text-align:right;
}

#dotz h2 {
  font-size: .6em;
  /* margin: -1.3em 0; */
  color: #fff;
  float: left;
  clear: both;
  /* padding: 1.4em; */
  padding-left: 0;
}

#dotz h3 {
  clear: both;
  border-bottom:1px dotted #aaa;
  font-size: 0;
}














/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
████████ ██    ██ ██████  ███    ██
   ██    ██    ██ ██   ██ ████   ██
   ██    ██    ██ ██████  ██ ██  ██
   ██    ██    ██ ██   ██ ██  ██ ██
   ██     ██████  ██████  ██   ████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
























#tubn {
  height:30px;
  width:100%;
  display: block;
  z-index: 1111;
  background-color: hsl(315,99%,45%);
  position: absolute;
  top: 0;
  opacity: 0.5;
  cursor:pointer;
}
#tubn:hover {
  background-color: hsl(111,99%,45%);
}
#tubn:active {
  background-color: hsl(222,99%,45%);
}
























/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
██      ███████ ███████
██      ██      ██
██      █████   █████
██      ██      ██
███████ ███████ ██
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
























#lef {
  width: 20%;
  background-color: #888;
  margin-right: 8%;
}

#lef h3 {
  color: #ccc;
  font-weight: 500;
  font-size: 2.2em;
  margin: 0;
  text-align: right;
  border-bottom: 5px dotted #999;
}









/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
███████ ██████  ██ ████████
██      ██   ██ ██    ██
█████   ██   ██ ██    ██
██      ██   ██ ██    ██
███████ ██████  ██    ██
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */












#edit {
  width: 20%;
  background-color: #888;
  margin-top:-1em;
  margin-left: 52%;
  z-index: 5;
  margin-right: 8%;
}

#edit h3 {
  color: #ccc;
  font-weight: 500;
  font-size: 2.2em;
  margin: 0;
  text-align: right;
  border-bottom: 5px dotted #999;
}



#edit {
  position: relative;
}

#edit h4{
  float: right;
  margin: .5em .2em .3em .7em;
  text-align: center;
  cursor: pointer;
  color:#666;
  font-size:1.2em;
  font-weight: 400;
}

#edit h4:hover{
  color:#fff;
  text-shadow: 2px 2px 4px #00000033;
}

#edit h4:active{
  color:#333;
}

#edit.hid{
  display:none;
}

#edtz {
  margin:0;
}

#editBu{
  display:flex;
  justify-content: flex-end;
}















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
██████  ██  ██████
██   ██ ██ ██
██████  ██ ██   ███
██   ██ ██ ██    ██
██   ██ ██  ██████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */















#rig {
  width: 20%;
  background-color: #888;
  margin-right: 8%;
}

#rig h3 {
  color: #ccc;
  font-weight: 500;
  font-size: 2.2em;
  margin: 0;
  text-align: right;
  border-bottom: 5px dotted #999;
}















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
████████  █████   ██████  ███████
   ██    ██   ██ ██          ███
   ██    ███████ ██   ███   ███
   ██    ██   ██ ██    ██  ███
   ██    ██   ██  ██████  ███████
*/

/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */















#tagz {
  margin: 1em 0;
}

#tagz table {
  border-collapse: collapse;
  width: 100%;
}

#tagz tr {
  height: 1em;
  border-bottom: 1px dotted #aaa;
}

#tagz td {
  padding: 0;
  text-indent: 0;
  font-weight: 900;
  text-align: right;
}

#tagz td:first-of-type {
  font-size: 1.1em;
  color: #333;
  font-weight: 500;
  text-align: left;
}

#tagz a {
  cursor: pointer;
}

#tagz a:hover {
  color: #333;
}

#tagz a:active {
  color: #fff;
}

















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
███    ██ ███████ ██     ██
████   ██ ██      ██     ██
██ ██  ██ █████   ██  █  ██
██  ██ ██ ██      ██ ███ ██
██   ████ ███████  ███ ███
*/

/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */















#createNew {
  color:#666;
  font-size:.8em;
}

#createNew.hid {
  display:none;
}











/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
██████  ██    ██ ██████   ██████  ██████
██   ██ ██    ██ ██   ██ ██    ██ ██   ██
██████  ██    ██ ██████  ██    ██ ██████
██   ██ ██    ██ ██      ██    ██ ██
██████   ██████  ██       ██████  ██
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */













#buPop {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background-color: #eee;
  border:1px dotted #aaa;
  z-index: 99;
  position: fixed;
  right: 19%;
  top: 1.7em;
  cursor: pointer;
  color: #666;
}
#buPop.actv {
  right: 233px;
  top: .4em;
}

#buPop h3{
  font-size: 1.3em;
  margin-top: 6px;
  padding-left: 9px;
}

#buPop:hover{
  box-shadow: 0px 0px 6px #000;
}

#buPop:active{
  background-color: #666;
  color: #fff;
}


/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
███████  ██████ ██████   ██████  ██
██      ██      ██   ██ ██    ██ ██
███████ ██      ██████  ██    ██ ██
     ██ ██      ██   ██ ██    ██ ██
███████  ██████ ██   ██  ██████  ███████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */


.scrol2Top,
.scrol2Bot{
  width: 30px;
  height: 30px;
  border-radius: 30px;
  padding: 10px;
  text-align: center;
  background: #777;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  position: fixed;
  right: 2.2%;
  z-index:111;
  display: inline;
}
.scrol2Top{
  bottom: 5px;
  font-size: 2.2em;
  line-height: 17px;
}
.scrol2Bot{
  top: 5px;
  font-size: 1.7em;
  line-height: 26px;
}
.scrol2Top:hover,
.scrol2Bot:hover{
  text-decoration:none;
  color: #fff;
}






/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
███    ███  █████  ██ ███    ██
████  ████ ██   ██ ██ ████   ██
██ ████ ██ ███████ ██ ██ ██  ██
██  ██  ██ ██   ██ ██ ██  ██ ██
██      ██ ██   ██ ██ ██   ████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */














#main {
  position:absolute;
  left:0;
  width:90%;
  z-index: 2;
  /* max-width:800px; */
  /* margin:0 auto;
  display: block; */
}

#main .lk {
  display: none;
}

#main .hzLine{
  display:none;
}

.shrink{
  width:70% !important;
}












/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
██ ███    ██ ██████  ██    ██ ████████
██ ████   ██ ██   ██ ██    ██    ██
██ ██ ██  ██ ██████  ██    ██    ██
██ ██  ██ ██ ██      ██    ██    ██
██ ██   ████ ██       ██████     ██
*/

/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */












#inputMessage {
  text-align: right;
  color:#fff;
  margin-bottom: -.5em;
  text-shadow: 4px 4px 6px #00000077;
}




















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
██████  ███████ ██      ███████ ████████ ███████
██   ██ ██      ██      ██         ██    ██
██   ██ █████   ██      █████      ██    █████
██   ██ ██      ██      ██         ██    ██
██████  ███████ ███████ ███████    ██    ███████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */






















#confirmDelete {
  color:#fff;
  /* text-shadow: 1px 1px 2px #00000077; */
  /* position: absolute; */
  /* right: 2em; */
  /* top: -0.33em; */
  font-weight: 400;
  background-color: #888;
  text-shadow: 4px 4px 6px #00000077;
  font-size: 1.3em;
}

#confirmDelete p {
  text-align: right;
  padding:0;
}

#confirmDelete .bj {
  color:#000;
}

#confirmDelete .bj:hover {
  text-shadow: 3px 3px 6px #00000033;
  cursor: pointer;
  color:#fff;
}






















/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
 ██████ ██       █████  ███████ ███████
██      ██      ██   ██ ██      ██
██      ██      ███████ ███████ ███████
██      ██      ██   ██      ██      ██
 ██████ ███████ ██   ██ ███████ ███████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */



.imgInTx {
  height:auto;
  display:block;
  margin:auto;
  box-shadow:3px 3px 6px #000;
  border:1px solid #333;
  border-radius:3px;
}
.img1 { width:100px; }
.img2 { width:200px; }
.img3 { width:300px; }
.img4 { width:400px; }
.img5 { width:500px; }
.img6 { width:600px; }
.img7 { width:700px; }
.img8 { width:800px; }
.img9 { width:900px; }





.up {
  text-transform: uppercase;
  font-weight:900;
  /* color:#555; */
  /* font-family:'berlin'; */
}





.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
.h9,
.hx{
  text-shadow: 1px 1px 2px #00000077;
}

.h1,
.h2,
.h3 {
  letter-spacing:1px;
  font-weight: 500;
  display: block;
  padding: 0.3em;
  box-shadow: 2px 2px 4px #00000077;
  margin: .7em 0;
  border-radius: 3px;
}

.h1 {
  font-size: 1.5em;
  color: #fff;
  background-color: #666;
  border: 1px solid #444;
  text-align: center;
  text-transform: uppercase;
}
.h2 {
  font-size: 1.3em;
  color: #fff;
  background-color: #999;
  border: 1px solid #777;
  text-align: center;
  /* font-style: italic;
  font-family:crimson; */
}
.h3 {
  font-size: 1.1em;
  color: #fff;
  background-color: #ccc;
  border: 1px solid #aaa;
  text-align: center;
  /* font-style: italic;
  font-family:crimson; */
}
.h4 {
  font-size: 2.5em;
  color: #777;
  text-align: center;
  font-weight: 400;
  margin: .2em 0 0;
  display:block;
}
.h5 {
  font-size: 2.5em;
  color: #777;
  text-align: center;
  font-style: italic;
  margin: .7em 0;
  display:block;
  text-decoration: underline wavy #777 2px;
  text-underline-offset: .2em;
}
.aa .h5 {
  margin-top:0;
  margin-bottom:50px;
}
.h5t {
  font-size: 2em;
  color: #777;
  text-align: center;
  font-style: italic;
  /* font-family:crimson; */
  margin: 0;
  display:block;
}
.h6 {
  font-size: 1.5em;
  color: #555;
  text-align: center;
  font-weight: 900;
  margin: .7em 0 1em;
  display:block;
}
td > .h6 {
  margin:0;
}
.h7 {
  font-size: 1.2em;
  color: #555;
  text-align: center;
  font-weight: 900;
  margin: .7em 0;
  display:block;
}
.h7::before,
.h7::after {
  content: ':::';
  letter-spacing: 4px;
  margin: 0 12px;
  color: #777;
  font-size: 1em;
}
.h8 {
  font-size: 1.3em;
  color: #555;
  text-align: center;
  font-weight: 900;
  margin: .5em 0 -1em;
  display:block;
  position:relative;
}
td > .h8 {
  margin:0;
}
.h9 {
  font-size: 1em;
  color: #555;
  text-align: center;
  font-weight: 900;
  margin: .7em 0 .5em;
  display:block;
}
.hx {
  text-align:center;
  display:block;
  font-size: 5em;
  color:#fff;
  font-family:crimson;
  font-style: italic;
  text-shadow: 1px 1px 2px #000000ff;
}

.s15 { font-size:150% }
.s14 { font-size:140% }
.s13 { font-size:130% }
.s12 { font-size:120% }
.s11 { font-size:110% }
.s9  { font-size:90% }
.s8  { font-size:80% }
.s7  { font-size:70% }
.s6  { font-size:60% }
.s5  { font-size:50% }
.s4  { font-size:40% }

.s05 svg {
  transform: scale(.5);
  margin:-.5em;
}
.s07 svg {
  transform: scale(.7);
  margin:-.4em;
}

.s15 svg { transform: scale(1.5); }
.s20 svg { transform: scale(2); }
.s25 svg { transform: scale(2.5); }
.s30 svg { transform: scale(3); }

.s_5 svg {
  transform: scale(.5) translate(0,0);
  transform-origin: center top;
  display:block;
  margin: 0 -100px -150px;
}
.s_4 svg {
  transform: scale(.4) translate(0,0);
  transform-origin: center top;
  display:block;
  margin: -15px -100px -180px;
}

.s1,
.s2,
.s3 {
  letter-spacing:1px;
  font-weight: 900;
  text-shadow: 1px 1px 2px #00000077;
}

.s1 {
  font-size: 1.7em;
  color: #333;
}
.s2 {
  font-size: 1em;
  color: #333;
}
.s3 {
  font-size: .8em;
  color: #bbb
}



.f1 {
  font-family:menlo;
}
.f2 {
  font-family:berlin;
}



/* .c0 { color:#000!important; text-shadow:0 0 0 #000000 !important; } */
.c0 { color:#000!important; }
.c1 { color:#111!important; }
.c2 { color:#222!important; }
.c3 { color:#333!important; }
.c4 { color:#444!important; }
.c5 { color:#555!important; }
.c6 { color:#666!important; }
.c7 { color:#777!important; }
.c8 { color:#888!important; }
.c9 { color:#999!important; }
.ca { color:#aaa!important; }
.cb { color:#bbb!important; }
.cc { color:#ccc!important; }
.cd { color:#ddd!important; }
.ce { color:#eee!important; }
.cf { color:#fff!important; }



.nota {
  font-size: .8em;
  font-weight: 600;
  color:#777;
}

.d {
  font-size: .9em;
  font-weight: 900;
  position: relative;
  left: 2em;
}

.d::before {
  content: '.';
  font-size: 2.5em;
  line-height: .1;
}



.aa {
  font-size: 1.2em;
  color: #333;
  text-align: justify;
  font-style: italic;
  font-family:crimson;
  margin: 40px;
  padding:40px;
  border:4px dotted #ccc;
  border-radius: 6px;
  display:block;
}


.xx {
  position:relative;
  border-radius: 4px;
  display:block;
  padding:40px;
  margin:40px;
  background-color:#eee;
  border:1px solid #ddd;
  box-shadow: 2px 2px 4px #00000077;
}
.xx table b{
  border-bottom:2px dotted #666;
}
.xx table.ol td {
  text-align:justify!important
}



.q {
  margin:1em;
  display: block;
  position: relative;
  box-shadow: 4px 4px 8px #00000077;
  background-color: #999;
  border: 1px solid #777;
  border-radius: 3px;
  font-family: italic;
  font-style:italic;
  font-size:150%;
}
.aa .q {
  font-size:110%;
  margin:0;
}
.q::before {
  content: '„';
  /* font-size: 6em; */
  font-size: 19em;
  position:absolute;
  /* top: -0.7em; */
  /* left: .06em; */
  top: -0.8em;
  left: 0;
  font-family: chica;
  /* color: #555; */
  color: #aaa;
  /* text-shadow: 1px 1px 1px #00000044; */
}
.q a,
.q a:active {
  text-decoration: none;
  font-size: .8em;
  color:#333;
}
.q a:hover {
  color:#999;
  text-shadow: 2px 2px 3px #00000077;
}
.q0 {
  text-align: justify;
  display: block;
  /* color: #fff; */
  color: #333;
  padding:2em 2em 1em 2em;
  text-shadow: #00000077 1px 1px 1px;
  z-index:111;
  position:relative;
}
.q0 b {
  color: #ddd;
  font-weight:900;
}
.q1 {
  text-align: right;
  font-weight: bold;
  display: block;
  /* color:#555; */
  color:#ddd;
  padding:1em 2em 2em 4em;
  text-shadow: #00000044 1px 1px 1px;
  position:relative;
}
.q1::before {
  content: '';
  border-bottom:.2em #aaa dotted;
  display:block;
  width:60%;
  position:relative;
  top:-1em;
  right:-6em;
}







.j {
  text-align:justify!important ;
  display:block;
}
.r {
  text-align:right!important ;
  display:block;
}
.l {
  text-align:left!important ;
  display:block;
}









.smal {
  font-size: .7em;
}

.bg_eee {
  background-color: #eee;
}

.p {
  background-color: #000;
  color: #fff;
}

.draft {
  display:none !important;
}

.pid,
.did {
  color: #fff;
  font-weight: 900;
  background-color: #666;
  padding-right: .2em;
  font-size: .9em;
}

.ts {
  color: #fff;
  font-size: .9em;
  font-weight: 900;
  background-color: #aaa;
  padding: 0 .2em;
}

.hideThis {
  opacity:0;
  position: absolute;
}

.topDot {
  margin: 0;
  background-color: #888;
  font-size: .9em;
  font-weight: 600;
  color: #fff;
  margin-bottom: -1px;
  border-top: 1px dotted #666;
}

.rg {
  position: absolute;
  right: 3px;
  font-size: .9em;
  color:#555;
}

.definition {
  text-align:justify;
  border : 4px solid #999;
}

.flx {
  display: flex;
  flex-wrap: wrap;
}

.fllx {
  display:flex;
  flex-wrap: wrap;
  align-items: center;
}

.def i {
  font-size:.8em;
  font-weight:900;
  font-family: times;
}

.breakLine {
  border-bottom: 2px dashed #aaa;
  width:100%;
  display: block;
  margin: .3em 0;
}

.ala {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ala0 {
  font-size: .7em;
  font-weight:900;
  color:#000;
  position: relative;
  top: 2px;
}

.ala1 {
  font-size: .6em;
  font-weight:100;
  color:#000;
  position: relative;
  top: 1px;
  font-style: italic;
  /* font-family:crimson; */
  font-family:times;
}

.inAl {
  width:15px;
  height:10px;
  padding:2px;
  z-index:0;
  color: hsla(360, 100%, 100%, 0);
  border: 1px solid #eee;
}

.inAl:hover {
  border-color:red;
  cursor: pointer;
  z-index:10;
}

.inAll {
  width: auto;
}

.inAllTx {
  font-size: .6em;
  display: flex;
}

.al99 .ala0 {
  font-size: .5em;
}

.al99 .ala1 {
  font-size: .5em;
}

.all99 {
  width: auto;
  margin: auto;
}

.yik {
  display: inline-block;
  font-size: .7em;
}

.hexa {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.paq {
  margin: 9px 6px;
  display: inline-block;
}

._T_ {
  font-size:.6em;
  display:inline-block;
  /* background-color:red; */
}


.dot {
  background-color:#fff;
}

.topDot{
  position: relative;
}








.editInput{
  border: 0px #333 solid;
  font-weight: 400;
  color: #777;
  padding: 2px 3px !important;
  width:98.5%;
  padding:0 3px;
  font-size: .8em;
  margin-left:2px;
  font-weight: 900;
}

.editInput:focus {
  border: 0px #fff solid;
  outline: none;
}

.editInput::placeholder {
  color: #777;
  text-shadow: 0px 0px 0px #00000000;
}

.editTagzTable{
  width:100%;
  text-align: center;
  margin:.2em 0 .5em;
}

.editTag {
  color:#666;
  font-size:.8em;
}

.editTag:active {
  color:#fff;
}

.editStyle{
  cursor: pointer;
  border:2px solid #888;
}

.editTagzTable .selected{
  border:2px solid #fff;
}

.dotList {
cursor:pointer;
display:grid;
}

.noBorderBot{
  border-bottom: 0px dotted #aaa !important;
}

.togAll {
  color:#666;
}

.hiid {
  display:none!important;
}







.adamTxBg {
  background-color:#333;
  padding: 0 .3em;
  border-radius: 15px;
  box-shadow: 1px 1px 2px #000;
  width:auto!important;
}






/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
/*
 █████   ██████   ██████
██   ██ ██  ████ ██  ████
 █████  ██ ██ ██ ██ ██ ██
██   ██ ████  ██ ████  ██
 █████   ██████   ██████
*/
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */




@media screen and (max-width: 1100px) {
  #main {
    width:100%;
  }
  .xx {
    margin:2em .2em;
  }
  .aa {
    margin:2em 0;
  }
  .q {
    margin:1em 0;
  }
  /* .q::before {
    font-size: 4.4em;
  } */
  /* .q0 {
    padding:1em 1em 0 3em;
  } */
  .scrol2Top,
  .scrol2Bot{
    right: 5px;
  }
  .scrol2Top{
    bottom: 22px;
  }
  .scrol2Bot{
    top: 22px;
  }
  #buPop {
    display:none;
  }
  .imgInTx {
    width:96%!important;
  }
  /* .img2 { width:200px; }
  .img3 { width:300px; }
  .img4 { width:400px; }
  .img5 { width:500px; }
  .img6 { width:600px; }
  .img7 { width:700px; }
  .img8 { width:800px; }
  .img9 { width:900px; } */
}