@font-face {
	font-family: "Conthrax";
	src: url("fonts/conthrax-semibold.otf");
} 
@font-face {
	font-family: "Crang";
	src: url("fonts/crang.ttf");
}
@font-face {
	font-family: "Pixellari";
	src: url("fonts/pixellari.ttf");
}



body {
	background-color: black;
}

h1#sitelogo {
	color: #22FF00;
	font-family: "Crang";
	text-align: center;
	font-size: 50px;
	display:inline-block;
	padding-left:300px;
}

img#home_icon {
	width:150px;
	height:150px;
	display:inline-block;
} 

.sitetext {
	color: #11FF00;
	font-family: "Conthrax";
	font-size: "14px";
} 

.sitetext2 {
	color: #11FF00;
	font-family: "Pixellari";
	font-size: "14px";
} 

.navbar {
	padding-top:50px;
	padding-bottom:50px;
}

.navbar a {
	color: #00FF00; 
	font-family: "Pixellari";
	font-size: 25px;
	text-align: center;
	padding: 14px 16px;
}

.navbar a:active {
	color: white;
} 

.projectList h2 {
	color: #00FF00;
	font-size: 30px;
}

.projectList img {
	width: 40%;
	height: 40%;
} 

.projectList a {
	color: #32FF00;
	font-family: "Pixellari";
} 

.listOLinks {
	border-style: hidden;
	justify-content: center;
}

.listOLinks td {
	color: #11FF00;
	font-family: "Conthrax";
	font-size: "14px";
	padding: 15px;
}

.listOLinks p {
	text-align: center;
}

.component-container {
	display: flex;
	justify-content: center;
}

ul li {
	margin-bottom: 20px;
}