body {
	background-color: black;
}

/* MOBILE */
.container {
  display: grid;
  grid-template-areas:
    "header"
    "content"
	"content"
	"picture"
	"resume"
    "footer";
  gap: 15px;
  margin: 5%;
}

/* DESKTOP */
@media (min-width: 1000px) {
.container {
  display: grid;
  grid-template-areas:
    "header header header"
    "content content picture"
	"content content resume"
    "footer footer footer";
  gap: 15px;
  margin: 5%;
}
}

.container > div {
	color: green;
	border: 3px solid green;
	border-radius: 5px;
}

.container > div.header {
  grid-area: header;
  color: white;
  text-align: center;
  font-size: 100px;
}

.container > div.content {
	grid-area: content;
	color: white;
	font-size: 18px;
	padding: 10px;
	white-space: pre-wrap;
}

.container > div.picture {
	grid-area: picture;
}

.pic {
	float: center;
	width: 100%;
	height: 100%;
}

.container > div.resume {
	grid-area: resume;
    height: 200px;
}

.container > div.footer {
	grid-area: footer;
	text-align: center;
	padding: 10px;
	color: blue;
	font-size: 25px;

}

#update-link {
	color: white;
	font-size: 20px;
}