body {
    background-color: black;
    color: white;
}

div, h1, h2, p {
    color: white;
}




h2 {
    font-size: 2em;
}

div {
    font-size: 1em;
}

a:not(.btn)
{
    color: #4dff00;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    
}


audio {
    width: 100%;
    filter: invert(90%) contrast(120%)
}


* :not(body):not(#mobileMenu)  {
     opacity:0.97; 
    transition: opacity 0.3s;
} 
    * :not(body):not(#mobileMenu):hover {
         opacity: 1;
    }    

code {
    background-color: darkblue;
    color: palevioletred;
}

/* --- Correcting web builder crap --- */

.koTheme1 #headerMenu {
    margin-top: 40px;
    margin-left: -10px;
    margin-right: 0px;
    border: none;
    text-align: center;
    
}
#headerMenu span {
    
}

html:not(.koTheme4) .logoHolder #logoReplacer h2 {
    line-height: 1em;
    /*color: rgb(0, 229, 255);*/
}

.koTheme1 .logoLeft #headerContent:not(.koZeroPadding), .koTheme1 .logoRight #headerContent:not(.koZeroPadding) {
    padding-top: 50px;
}

/* -- Mobile Menu Colour Scheme -- */

#mobileMenuHolder {
    background-color: black;
    color: white;
}

.mobileMenu li a {
    color: white;
    background: black;
}

.mobileMenu li a.mobileActive {
    font-weight: normal;
    background: #191970;
    -webkit-tap-highlight-color: #191970;
}