body {
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 75px 22em 1fr;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.yellow {
  color: #FFC401;
}

ul {
  list-style-type: none;
}

.image {
  width: 100%;
  height: 100%;
  grid-column: 1/4;
  grid-row: 1/4;
}

footer {
  grid-column: 1/2;
  grid-row: 3/4; 
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 45px;
}

.logo-header {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 70px;
}

.title {
  text-align: center;
  padding-bottom: 10px;
  margin-right: 130px;
  border-radius: 5px;
  background-color: #202020;
  color: #858585;
  grid-row: 1/2;
  grid-column: 1/2;
  margin-left: 17%;
}

.picture-profile {
  width: 25em;
  grid-column: 1/3;
  grid-row: 2/3;
  position: absolute;
  top: 5%;
  left: 30%;
  box-shadow: 4px 4px 5px #101010;
}

.presents {
  margin-top: 15%;
  margin-left: 15%;
  grid-column: 2/4;
  grid-row: 2/3;
  text-align: center;
  color: #101010;
}

.button {
  grid-row: 3/4;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-decoration: none;
}

a {
	color: #757575;
	text-decoration: none;
}

a:hover {
	color: #FFC401;
}
.button-footer1 {
  grid-column: 1/2;
  text-align: center;
  background-color: #303030;
}
.button-footer2 {
  grid-column: 2/3;
  text-align: center;
  background-color: #303030;
}
.button-footer3 {
  grid-column: 3/4;
  text-align: center;
  background-color: #303030;
}
.button-footer4 {
  grid-column: 4/5;
  text-align: center;
  background-color: #303030;
}

.info-footer {
  grid-row: 1/2;
  margin-left: 3%;
  margin-right: 20%;
  margin-top: 8%;
  padding-left: 3%;
  border-radius: 2px; 
  background-color: #202020;
  color: #858585;
}