/*NAVIGATION *******************************************************************************/

.NAVI  { position: absolute;  top: 0; left: 0; width: 147px; height: 800px; visibility: visible; background-color: #000000; }
h1 { color: #ffffff; font-size: 11pt; font-family: verdana;}
a.h1:link { color: #ffffff; font-size: 11pt; font-family: "Open Sans", sans-serif, verdana; text-decoration: none; }
a.h1:hover { color: #e0e1e1; font-size: 11pt; font-family: "Open Sans", sans-serif, verdana; text-decoration: line-through; }
a.h1:visited { color: #ffffff; font-size: 11pt; font-family: "Open Sans", sans-serif, verdana; text-decoration: none; }
a.h1:active { color: #ffffff; font-size: 11pt; font-family: "Open Sans", sans-serif, verdana; text-decoration: line-through; }

h2 { color: #ffffff; font-size: 8pt; font-family: verdana;}
a.h2:link { color: #ffffff; font-weight: normal; text-decoration: none; }
a.h2:hover { color: #e0e1e1; text-decoration: line-through; }
a.h2:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
a.h2:active { color: #ffffff; font-weight: normal; text-decoration: line-through; }




/*Dark Mode *******************************************************************************/
*@media {(prefers-color-scheme: "dark") 

.body  { background-color: white; }
.background-image  { background-repeat="no-repeat" filter="invert(0)" }
.img { filter="invert(0)";}
}

:root { "color-scheme: dark"; }


/*SMARTPHONE*******************************************************************************/
@media (min-width: 480px) {
    background-image  { background-repeat="no-repeat" filter="invert(0)" padding-left: -50px;
    
    }

}