#theme-toggle {
    position: absolute;
    top:10px;
	left:10px;
	box-shadow:unset;
	margin:0px;
	background:transparent;
	padding:5px;
	display: block;
    border:0px;
	max-width:30px;
	cursor: pointer;
}

#theme-toggle svg {
	width:20px;
	height:20px;
	text-align: left;
	display: block;
	pointer-events: none;
}

body.darkmode {
	background: rgb(20, 20, 20);
	color:#eee;
}

.darkmode #headshot {
    box-shadow: 0px 2px 5px rgb(10, 10, 10);
}

.darkmode h1,
.darkmode #logo {
    color:#eee;
}

.darkmode #certs img:not(.school-logo) {
    filter: invert(100%);
}

.darkmode #projects li,
.darkmode #knowledge .list {
    background: rgb(27,27,27);
	color:#eee;
    box-shadow: 0px 2px 5px rgb(10, 10, 10);
}

.darkmode #knowledge li {
    background: rgb(27,27,27);
	color:#eee;
}

.darkmode #knowledge li a,
.darkmode #projects li a {
	color:#eee;
}

.darkmode h4,
.darkmode .semester h2 {
	background: rgb(20, 20, 20);
}

.darkmode .image-container img {
	box-shadow: 0px 2px 5px rgb(10, 10, 10);
}

.darkmode .prompt-box button {
	background-color: #151515;
}
.darkmode .prompt-box button svg {
	fill: #ccc;
}
.darkmode #blog .prompt-box {
	background-color: #272727;
}