body { 
  background: url("https://thumbs.gfycat.com/AbandonedAnguishedCatfish-max-1mb.gif");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover; 

}

/*
_______________________________________________________________

(To read, see https://e2h.totalism.org/e2h.php?_=CSS-default )





/************************************/
/* *** BUTTONS **/


h1 {
    padding: 8px 25px 8px 25px;
    display: inline;
    text-decoration: none !important;

    background: black;
    background: var(--BTb, yellow) !important;

    color: black;
    color: var(--BTf, red) !important;

    border: 3px solid black;
    border: 3px solid #111;

    border-color: var(--BTx, black) !important;
    border-color: var(--BTx, #666) !important;
}
h1 a {
    /* why this does not work !!! TODO */
    text-decoration: none !important;
}


/* TODO: colour this too */
h1:hover {
    background: white !important;
    color: orange !important;
}





/************************************/
/* *** TITLES **/

strong em u {

/*
    background: white !important;
    color: black !important;
    opacity: 0.85;
#TODO: bring this back ???
text-shadow: 3px 3px 3px #red !important;
*/

    letter-spacing: 10px;
    padding: 8px;

    line-height: 180%;

/* set this to important 20190730, hope it solves the "title became small" bugs! */
    font-size: 180% !important;

    margin: 0px !important;
    background: var(--Tb, var(--At, var(--A, #111))) !important;

    color: var(--Tf, var(--Af, var(--Afg, var(--FG, white)))) !important;
//    text-decoration-color: blue !important;
}










/************************************/
/* *** LINKS */

a:link {
    color: #FF00FF;
    color: var(--L) !important;
}

a:visited {
    font-style: italic;

    color: #009c9C;
    color: #00AACC;
    color: var(--L) !important;
}

a:hover {
    font-weight: bold;
    color: var(--LH) !important;
    background: var(--LHb) !important;
}






/* *** SELECTION COLORS */

::-moz-selection {
    background: black;
    background: #111;
    background: blue;
    color: white;
}
::selection {
    background: black;
    background: #111;
    color: white;
}





/************************************/
/* *** TOC LEVEL COLORS */
/* TODO: maybe not for here - maybe only makes sense with sidetoc ! */

.ett_lvl1 > a {
    //color: rgba(0,0,0,0.6) !important;
    color: rgba(var(--ETTf,0),0.75) !important;
    background: rgba(var(--ETTb,0),0.75) !important;
}
.ett_lvl2 > a {
    //color: rgba(0,0,0,0.6) !important;
    color: rgba(var(--ETTf,0),0.65) !important;
    background: rgba(var(--ETTb,0),0.65) !important;
}
.ett_lvl3 > a {
    //color: rgba(0,0,0,0.4) !important;
    color: rgba(var(--ETTf,0),0.45) !important;
    background: rgba(var(--ETTb,0),0.45) !important;
}
.ett_lvl4 > a {
    //color: rgba(0,0,0,0.3) !important;
    color: rgba(var(--ETTf,0),0.32) !important;
    background: rgba(var(--ETTb,0),0.32) !important;
}






/************************************/
/************************************/
/************************************/
/************************************/


/*
*** GLIA-GRAPH TEMPLATE v2.0

SOURCE via:
    "css-graph-css"
    2017-11-28
    2019-01-19 update: removed full-blown link, i think gliagraph did sth


(DOCS)

FOR FUTURE DEVELOPMENT, SEE:
    * https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_and_CSS
    * https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_fonts : 
        svg fonts are majorly unsupported
    * https://developer.mozilla.org/en-US/docs/Web/SVG/Element/text
    * http://tutorials.jenkov.com/svg/svg-and-css.html
        "using external style sheets" !
    * [...]

-------------------------------------------

SVG Fonts are currently supported only in Safari and Android Browser.
Internet Explorer hasn't considered implementing this, the functionality has been removed from Chrome 38 (and Opera 25) and Firefox has postponed its implementation indefinitely to concentrate on WOFF. Other tools however like the Adobe SVG Viewer plugin, Batik and parts of Inkscape support SVG font embedding.


_______________________________

*/

/************************************/

.DOWNSCALED {
/*
You can put general graph stuff here.
*/

/*
    (DEPRECATED by "DPI" directive!)
    zoom: 0.55;
    -moz-transform: scale(0.55);
*/

//    background: black !important;
//    background: #111 !important;
    z-index: 9999;
}



g {
}



text {
    font-size: 18px;
    font-family: "Ubuntu Mono" !important;
    font-family: "Georgia" !important;
    font-family: sans-serif !important;
    font-family: "Georgia" !important;
    font-family: helvetica !important;

/* disable italic */
    font-style: normal !important;
    
    font-size: 13.5px;
    font-weight: bold;
/*
    stroke: #444;
    stroke: black;
*/
}




svg {

/*-----___-----___-----___-----___-----___-----___ NEW 2018-06 -----___-----___-----___-----___-----___*/

/******** TRYING CSS FILTERS ........... TODO, USE F12 (or JS sliders...) TO LIVE-CHANGE ! *******************************/
/*    
  filter: sepia(1);
  filter: saturate(8);
  filter: saturate(10);
  filter: drop-shadow(1px -1px 1px rgba(0,0,0,1));
  filter: hue-rotate(40deg);

*/

  filter: brightness(2);
  filter: saturate(4);
  opacity: 0.8;

/*
  filter: blur(1px);
  filter: blur(10);
  -webkit-filter: blur(5px);
  filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.9));
*/

/*-----___-----___-----___-----___-----___-----___-----___-----___-----___-----___*/

/*
  background-color: black;
  font-size: 44px;
  font: sans-serif;
  stroke: white;
  fill: white;
*/

/*
    font-family: sans-serif !important;
    font-family: "Ubuntu Mono" !important;

    font-family: "Courier New" !important;

  font-weight: bold;
  font-family: 'Ubuntu Mono';
  */

}



polygon {
/*
    font-family: sans-serif !important;
    font-family: "Ubuntu Mono" !important;
    font-family: "Courier New" !important;
*/
}



@font-face {
    font-family: "Ubuntu Mono";
    font-family: "Courier New" !important;
}



polygon, polyline, path {
    fill-opacity: 0.2 !important;

    fill-opacity: 0.9 !important;
    stroke-opacity: 0.2 !important;
    stroke-opacity: 0.9 !important;
}


polygon:hover, polyline:hover, path:hover {
/*
via matic, ne štekam
    stroke-opacity: 1 !important;
    fill-opacity: 1 !important;
*/
}




/*********************************** (new) ***************************/

/* *** SPECIAL & NEW ELEMENTS */
.extra {
    border-bottom: 2px dashed gray;
    display: inline;
    cursor: help;
    cursor: zoom-in;
    cursor: crosshair;
}