.header {
  position: absolute;
  top: 5%;
  left: 5%;
}
.title {
  position: absolute;
  top: 15%;
  left: 10%;
}
.grid {
  background-color: wheat;
  position: absolute;
  top: 25%;
  left: 10%;
  max-width: 810px;
  padding: 10px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
}
#gif1 {
  grid-column: 1;
  grid-row: 1;
}
#gif2 {
  grid-column: 2;
  grid-row: 1;
}
#gif3 {
  grid-column: 1;
  grid-row: 2;
}
#gif4 {
  grid-column: 2;
  grid-row: 2;
}
#gif5 {
  grid-column: 1;
  grid-row: 3;
}
#gif6 {
  grid-column: 2;
  grid-row: 3;
}
.back {
  position: absolute;
  top: 5%;
  right: 10%;
}
img {
  object-fit: cover;
  width: 400px;
  height: 300px;
}
body{
  color: sienna;
  background-color: burlywood;
  font-family: andale mono;
  text-align: justify;
}
/* unvisited link */
a:link {
  color: peru;
}
/* visited link */
a:visited {
  color: maroon;
}
/* mouse over link */
a:hover {
  color: wheat;
}
/* selected link */
a:active {
  color: white;
}
::selection {
  color: white; 
  background: none;
}