page.css

body {
    background-color: #191919;      /* good background color with dark mode */
}
h1,h2,h3 {
    color: #fff;
    align: center;
}
p,li,pre,summary,details {
    color: rgb(163,163,163);
}
a {
    color: #03e9f4;
    text-decoration: none;
}
#an:hover {
    text-decoration: underline;
}
button {
    outline: none;
    color: #03e9f4;                 /* good color with dark mode */
    border: 1px solid transparent;
    background-color: #191919;
    transition: all .3s ease-in-out
}
button:hover,#btnon {
    background-color: #03e9f4;
    color: #191919;
    box-shadow: 0 0 5px #03e9f4,
                0 0 25px #03e9f4,
                0 0 50px #03e9f4,
                0 0 200px #03e9f4;
}
.nav, .footer {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
#fta {
    color: gray !important;
    text-decoration: none;
}
#fta:hover {
    color: gray !important;
    text-decoration: underline;
}
#act {
    background-color: #2c2c2c;
    width: 85%;
    margin-left: 35px;
    word-break: break-all;
    box-shadow: 0 0 1px #03e9f4,
                0 0 5px #03e9f4,
                0 0 10px #03e9f4,
                0 0 40px #03e9f4;
}
#act p {
    margin-left: 30px;
    margin-right: 15px;
}
#act h3 {
    padding-left: 10px;
    padding-top: 7px;
}
audio {
    display: flex;
}
#arttit {
    margin-left: 5%;
}
#artpar {
    margin-left: 8%;
    margin-right: 8%;
}
ul {
    margin-left: 10%;
    margin-right: 10%;
}
li {
    padding-top: 5px;
}
pre {
    font-family: consolas;
}
@keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
    }
@-moz-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}
@-webkit-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
    background-color: #6b92b9;
    }
}
@-ms-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}
body {
	margin: 0;
}	
@keyframes snow{
	0% {
		background-position: 0 0, 0 0;
	}
	100% {
		background-position: 500px 500px, 1000px 500px;
	}
}
 
html {
	webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: gray;
}