@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0; box-sizing: border-box; }
		
.container {
	width: 1020px;
	margin: auto;
	border: 2px solid;
	border-color: #f4eee6;

	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: minmax(75px, auto);
	grid-template-areas:
	"a a a"
	"b b d"
	"c c d"
	"e e e";
}

#head {
	grid-area: a;
}

#proj {
	grid-area: b;
}

#exer {
	grid-area: c;
}

#tools {
	grid-area: d;
}

#foot {
	grid-area: e;
}

body {
	font-family: Arial;
	background: #2D5266;
}

header, section, aside, footer {
	padding: 20px;
	border: 2px solid;
	border-color: #f4eee6;
	background: #231100;
}

h1, h2, #name {
	color: #00E5FF;
	margin-bottom: 10px;
}

#uc {
	color: #005689;
}

ol li, ul li {
	list-style-type: none;
}

a {
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
}

a:link {
	color: #005689;
}

a:hover {
	color: #ffd400;
}

a:visited {
	color: #866F00;
}