body {
  color: #14171A;
  font-family: sans-serif;
}

a:hover {

}

.wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
  grid-template-rows: auto;
  padding: 2.5rem;
  background-image: url(images/background.jpg); 
  background-attachment: fixed;
  margin: .75rem;
  border-radius: 1em;
}
.element {
  border-radius: 1em;
  background-color: white;
  padding: 1em;

}
.fas {
  color: #7F152A
}
.list-unstyled {
  all: unset;
  display: block;
  list-style-type: none;
}
.list-unstyled li {
  margin-bottom: 1rem;
}


/*Profile Grid*/
.one {
  grid-column: 1 / 5;
  grid-row: 1 / 6;
  padding: 0;
  overflow: hidden;
}
.one img {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 40.555vw;
}
.two {
  grid-column: 5 / -1;
  grid-row: 1 / 6;
}
.three {
  grid-column: 1 / -1;
  grid-row: 6;
  height:  5vw;
}
.four {
  grid-column: 1 / 7;
  grid-row: 7 / 9;
  padding: 1rem 1rem 0 1rem;
}
.five {
  grid-column: 7 / -1;
  grid-row: 7 / 9;
  padding: 1rem 1rem 0 1rem;
}
.six {
  grid-column: 1 / 4;
  grid-row: 9 / 11;
  background-image: url(carChaseNewYork.gif);
  height:  10vw;
}
.seven {
  grid-column: 4 / 7;
  grid-row: 9 / 11;
  height:  10vw;
}
.eight {
  grid-column: 7 / 10;
  grid-row: 9 / 11;
  height:  10vw;
}
.nine {
  grid-column: 10 / -1;
  grid-row: 9 / 11;
  height:  10vw;
}
.ten {
  grid-column: 1 / -1;
  grid-row: 11 / 17;
}
.eleven {
  grid-column: 1 / 8;
  grid-row: 17 / 22;
}
.twelve {
  grid-column: 8 / -1;
  grid-row: 17 / 22;
}
.thirteen {
  grid-column: 1 / -1;
  grid-row: 22 / 26;
}

/*Element 2 grid*/

#about {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .5rem;
  grid-template-rows: repeat(7, 1fr);
}

#uno {
  grid-column: 1;
  grid-row: 1;
}
#dos {
  grid-column: 2;
  grid-row: 1;
}
#tres {
  grid-column: 1;
  grid-row: 2;
}
#quatro {
  grid-column: 2;
  grid-row: 2;
}
#cinco {
  grid-column: 1;
  grid-row: 3;
}
#seis {
  grid-column: 2;
  grid-row: 3;
}
#siete {
  grid-column: 1;
  grid-row: 4;
}
#ocho {
  grid-column: 2;
  grid-row: 4;
}
#nueve {
  grid-column: 1;
  grid-row: 5;
}
#diez {
  grid-column: 2;
  grid-row: 5;
}
#once {
  grid-column: 1;
  grid-row: 6;
}
.music {
  color: #51006F;
}
.music1 {
  color: #F800EA;
}
#doce {
  grid-column: 2;
  grid-row: 6;
}
#trece {
  grid-column: 1;
  grid-row: 7;
}
#catorce {
  grid-column: 2;
  grid-row: 7;
}