body {
	background-color: ivory;
	font-family: 'Frank Ruhl Libre', serif;
}
header {
	text-align: center;
	background-color: lightblue;
	border-radius: 4px;
	padding-bottom: 5px;
}
.container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 0.3fr 2fr 2fr 1fr;
	grid-template-areas: 
		"nav nav"
		"education experience"
		"techincal-skills other-interests"
		"languages languages";
    grid-gap: 0.2rem;
    font-weight: 800;
	font-size: 12px;
	color: #004d40;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

.container h2 {
	text-transform: uppercase;
	text-align: center;
}

.container p {
	text-align: left;
}
.grid-item {
	background-color: pink;
	border: solid red 3px;
}

nav {
	display: 100vw;
	text-align: center;
	background-color: lightblue;
}
nav li {
	list-style-type: none;
	display: inline;
}
a.logos {
	float: right;
	max-width 25%;
	height: auto;
}
a:link, a:visited {
	background-color: orange;
	color: green;
}
a:hover {
	background-color: pink;
	color: white;
}
a:active{
	background-color: red;
	color: blue;
}



@media only screen and (max-width: 768px) {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	grid-template-areas: 
		"education"
		"experience"
		"techincal-skills"
		"other-interests"
		"languages";
}