body {
	background-color: rgb(24, 24, 24);
	color: rgb(192, 192, 192);
	margin: 0;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
}
header {
	height: 10vh;
	background-color: rgb(16, 16, 16);
	color: rgb(192, 192, 192);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 2vh;
	padding-bottom: 1vh;
}
footer {
	display: flex;
	justify-content: space-between;
	background-color: rgb(16, 16, 16);
	color: rgb(192, 192, 192);
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

section {
	height: 80vh;
	display: flex;
	justify-content: space-between;
}

a {
	text-decoration: none;
	color: rgb(192, 192, 192);
}

.projectsFlex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.headerElement {
	display: flex;
	flex: 4;
	text-align: center;
	font-size: 200%;
	padding: 33px;
	justify-content: center;
}
.pfpHeaderElement {
	flex: 1;
}
.pfp {
	width: 100px;
	border-radius: 50%;
	padding-left: 1vw;
}

.hamburgerButton {
	flex: 1;
	font-size: 300%;
	text-align: right;
	padding-right: 2vw;
	color: rgb(192, 192, 192);
}

.wrapSection {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	flex-grow: 1;
}

.projectButton {
	width: 400px;
	height: 320px;
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	margin-bottom: 1vh;
	margin-top: 1vh;
	padding: 1vh;
	text-align: center;
	font-size: 200%;
	border-color: blueviolet;
	border-style: solid;
	border-radius: 20px;
	background-color: rgb(20, 20, 20);
	color: rgb(192, 192, 192);
	flex-shrink: 1;
}

.projectImage {
	width: 100%;
	height: 66%;
	border-radius: 20px;
}

.logo {
	height: 50px;
	margin-top: 1vh;
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	margin-bottom: 1vh;
}

.footerElement {
	margin-left: 1vw;
	margin-right: 1vw;
	margin-bottom: 1vh;
	margin-top: 1vh;
}

.sideImages {
	flex: 0.5;
	justify-content: center;
	min-width: 400px;
	margin-top: 1vh;
	margin-left: 1vw;
	margin-right: 1vw;
	margin-bottom: 1vh;
}

.sideImage {
	flex: 0.5;
	width: 100%;
	margin-top: 1vh;
	margin-bottom: 1vh;
}

.pageText {
	min-width: 400px;
	margin-top: 2vh;
	margin-left: 2vw;
	margin-right: 1vw;
	margin-bottom: 2vh;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.title {
	display: flex;
	font-size: 300%;
	margin-top: 2vh;
	margin-left: 1vw;
	margin-right: 1vw;
	margin-bottom: 2vh;
	justify-content: center;
	flex: 1;
}

.pageWrap {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	flex: 1;
}

.linksToProject {
	display: flex;
	flex-direction: row;
	justify-content: center;
	justify-items: center;
	font-size: 200%;
}