body {
	margin: 20px;
	background-color: #eef2ff;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

h1 {
	color: #AF0A0F;
}

h2 {
	color: #0f0c5d;
}

h3 {
	color: #0f0c5d;
}

h4 {
	color: #0f0c5d;
}


p {
	margin: 13px;
}

a {
	color: #34345c;
}

a:hover {
  color: #dd0000;
}

img {
  width: 150px;
}

img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.container {
  display: grid;
  grid-template-areas:
	"menu menu"
    "header header"
    "content content"
    "footer footer";
  grid-template-columns: 1fr 3fr;
  gap: 3px;
  background-color: dodgerblue;
  padding: 5px;
}

#menu {
}

#header {
	margin: 100px;
	margin-top: 70px;
	text-align: center
}

.content-wrap {
	display: flex;
}

.content-pointer {
	color: #B7C5D9;
	margin-right: 5px;
	margin-left: 5px;
}

.paragraph-wrap {
	background-color: #d6daf0;
	border-color: #b7c5d9;
	border-style: solid;
	border-width: 1px;
}

.qoute {
	color: #789922;
}

.gallery {
  display: grid;
  grid-template-areas:
	"a";
  grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
  gap: 3px;
  background-color: ;
  padding: 5px;
}

.gallery > .img {
	background-color: ;
}