:root {
    --MAIN: #9FF;
}


img {
   filter: invert(1);
   filter: grayscale(85%) brightness(1.4);
/*
*/
}


/*
img:hover {
   filter: grayscale(75%) brightness(1.4);
}
*/


body {
/*
    margin: 3% 10% 3% 10% !important; 
*/
    margin-top: 10% !important; 
    margin-left: 12% !important; 
    margin-right: 12% !important; 
    margin-bottom: 2% !important; 
    font-size: 18px !important; 
    line-height: 1.7 !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    background: var(--MAIN) !important;
    color: black !important;
    overflow-x: hidden !important;
}


/*
[!!] could be interesting @@e2h-todo
a:before {
    content: "→" !important;
    white-space: pre;
}
*/

#headr u {
    background: none !important;
    font-weight: bolder !important;
}

a {
    text-decoration: none !important;

    background: #999 !important;
    color: var(--MAIN) !important;

    background: var(--MAIN) !important;
    color: #444 !important;
    border: 1px solid white;

    background: white !important;
    color: #444 !important;
    border: 1px solid #777;

}
a:hover {
    background: #DDD !important;
    color: black !important;
}



.graf {
width: 200% !important;
height: 200% !important;
position: absolute;
top: 100px;
left: -50%;
z-index: -1 !important;
   filter: grayscale(100%);
   overflow: hidden !important;
}


#sdiv1 {
    text-align: left !important;
    text-align-last: right !important;

    text-align-last: left !important;
    text-align: right !important;
/*
background-image: url(https://totalism.org/20171013.svg);
background-size: 222px;
*/
font-size: 15px !important;
background-color: white !important;
color: #444 !important;
padding-top: 5%;
padding-bottom: 5%;
padding-left: 8%;
padding-right: 8%;
opacity: 1;
/*
column-count: 2;
column-gap: 20px;
text-align: justify;
*/
line-height: 2 !important;
}


#sdiv1>a {
    font-size: 15px !important;
    background-color: white !important;
    color: #111 !important;
    text-decoration: none;
    border: 1px solid #777;
}
#sdiv1>a:hover {
    background-color: #DDD !important;
    color: black !important;
}
.nttitle {
    border: none !important;
}
#sdiv1>strong {
    color: black !important;
    background: none !important;
    padding: none !important;
    margin: none !important;
    font-weight: normal !important;
    border: none !important;
}
#sdiv1>a>strong>u {
    font-style: italic !important;
    font-size: 1.5em !important;
    text-decoration: none !important;
    border: none !important;
}

#sdiv1>a>strong>u:before {
    content: "\a\a" !important;
    white-space: pre;
}
#sdiv1>a:first-of-type>strong>u:before {
    content: "" !important;
    white-space: pre;
}
#sdiv1>a>strong>u:after {
    content: "\a";
    white-space: pre;
}


.maintext strong {
    opacity: 1 !important;
    background: #999 !important;
    color: var(--MAIN) !important;
/*
    padding: none !important;
    margin: none !important;
    font-weight: normal !important;
*/
}