body{
background: linear-gradient(#fdfbd4, #ffd6d1, #de3163);
font-family: helvetica, Verdana;
}

#contanior{
  background: url("https://64.media.tumblr.com/dda9cdf05dd3c0297b7f72e4c20218e0/7577363f5d820c72-b3/s1280x1920/c9daa0d3e3462514f1b08d9b032a78a285ab8e9e.jpg");
  background-repeat: no-repeat;
  background-position:center;
  height:1000px;
	width: 1000px;
	margin-left: auto;
	margin-right:auto;
}

#content {
  clear:both;
  width:900px;
  height:900px;
  top:100px;
  margin:10px;
  }

#footer {
  background: linear-gradient(#443025, #7f5836, #443025);
  clear:both;
  padding: 10px;
  color: pink;
  font-weight:bold;
  font-size:30;
  text-align: right;
  background-position:bottom;
 }

#header {
  background-color:#443025; 
  color: #fdfbd4;
  text-align: center;
  padding:10px;
  width:800px;
  margin-left: auto;
	margin-right:auto;
}

#nav{
 width:800px;
 background: linear-gradient(#443025, #7f5836, #443025);
 margin-left: auto;
 margin-right:auto;
}

#nav a{
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	background-color:#fc8d83;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
#nav a:hover {
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	background-color:#e4685d;
	}

.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 8px;
}
    
.div1 {
    grid-column-start: 3;
    grid-row-start: 4;
}

.div2 {
    grid-column-start: 4;
    grid-row-start: 3;
}

.div3 {
    grid-column-start: 2;
    grid-row-start: 2;
}

.div4 {
    grid-column-start: 4;
    grid-row-start: 2;
}

.div5 {
    grid-column-start: 2;
    grid-row-start: 3;
}

.div6 {
    grid-column-start: 3;
    grid-row-start: 2;
}