body {
	color: white;
	background: #17202A;
	
	margin-top: 0;
	margin-left: 0;

/*	max-width: 1000px;
	margin-left: auto;
	margin-right: auto; */

	font-family: Arial, sans-serif;
}

/*
.logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
*/


.center img {
	display: block;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.center h1, h2 {
	text-align: center;
}

.logo img {
	max-height: 159px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.container {
	max-width: 800px;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

/*
.container img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	*/

.project {
	margin-bottom: 40px;
}

.project img {
	max-width: 100%;
	height: auto;
}

.description {
	margin-top: 20px;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}

th, td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

th {
	color: black;
	background-color: #f2f2f2;
}



nav ul {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

nav ul li {
	display: inline;
}

nav ul li a {
    display: inline-block;
    padding: 20px;
    color: white;
    text-decoration: none;
}

nav ul li a:hover {
    background-color: #5B7087;
}

nav ul li a.active {
    background-color: #5B7087;
}

/*
.content {
    padding: 20px;
}
*/