.activeproject {
	width: 80%;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.1);
	border: 2px solid rgba(255, 255, 255, 0.6);
	color: white;
	font-family: 'JetBrains Mono';
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	margin: 0px 10% 16px 10%;
	cursor: pointer;
	transition-duration: 0.25s;
}
.activeproject:hover, .activeproject:focus {
	background-color: rgba(255, 255, 255, 0.3);
    outline: none;
}

.inactiveproject {
	width: 80%;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.1);
	border: 2px dashed rgba(255, 255, 255, 0.6);
	color: white;
	font-family: 'JetBrains Mono';
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	margin: 0px 10% 16px 10%;
	cursor: pointer;
	transition-duration: 0.25s;
}
.inactiveproject:hover, .inactiveproject:focus {
	background-color: rgba(255, 255, 255, 0.3);
    outline: none;
}