@media (prefers-color-scheme: dark) { 
:root {
--coral:204,51,102;
--teal:51,102,153;
--blackish:46,46,46;
}
body {
background-image: linear-gradient(rgb(var(--blackish)),rgb(var(--blackish)));
background:rgb(var(--blackish));	
}
img {
filter: brightness(.8) contrast(1.2);
}

.siteholder,
.pages,
.pagewrap,
#clients,
#examiner,
#mast.flipped,
#testimonials,
#welcome {
background:rgb(var(--blackish));
color:rgb(var(--white-white));
}
#content h1 {
color:rgb(var(--white-white));
}
#testimonials h1::before,
#worktitle::before {
color:rgb(var(--white-white));
border-color:rgb(var(--white-white));
} 
#skills div,
#innerclients div {
background:rgba(var(--whitish),.3);
background:rgb(var(--blackish));
border:1px solid rgb(var(--whitish));
}
#sitetitle,
#casetitle,
#welcome p,
#welcome .half ul li,
#testimonials p {
color:rgb(var(--white-white));
}

#divider {
background:rgb(var(--coral));
}
#indicator {
background:rgba(var(--blackish),.5);
}
nav a {	
color:rgb(var(--white-white));
}
#kudos {
	background:rgb((204,51,102)!important;
	}
}