html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
	background-color: ivory;
	font-family: 'Frank Ruhl Libre', serif;
}

header {
	background-color: darkgoldenrod;
	color: white;
	border: hidden;
	border-radius: 4px;
	text-align: center;
	margin: 10px 10px;
	padding: 5px;
}

header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header li {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}
/*
.imagess {
	background-color: transparent;
	display: inline-box;
	box-sizing: border-box;
}
*/
a.textlink:link,:visited {
  color: white;
  background-color: darkgoldenrod;
  border: hidden;
  border-radius: 4px;
  text-decoration: none;
  padding-right: 2px; 
  padding-left: 2px;
}

a.textlink:hover, :active {
  background-color: khaki;
  color: black;
}

a img {
	background-color: transparent;
	display: inline-box;
	box-sizing: border-box;
}

img {
	max-width: 50%;
	height: auto;
}
.container {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto;
	text-align: left;
	grid-gap: 0.2rem;
}

.container-item {
	border: 3px solid darkgoldenrod;
	border-radius: 4px;
	margin-bottom: 3px;
	margin-top: 5px;
	padding: 10px 20px;
	margin-right: auto;
    margin-left: auto;
    max-width: 50%;
}

@media only screen and (max-width: 550px) {
	.container {
		grid-template-columns: 1fr;
		grid-template-rows: repeat (5,auto);
		grid-template-areas: 
			"education"
			"employmenthistory"
			"techincalskills"
			"otherinterests"
			"languages"
	}
}