/*Archivo css de Arhamis Santana Hernández*/
* {
  margin: 0px;
  padding: 0px;
}

.grid {
  display: grid;
  grid-template-areas:
    "a a b c"
    "d e f g";
  width: 90%;
  height: 900px;
  padding: 25px;
  margin: auto;
  grid-gap: 10px;
  background-color: rgb(209, 209, 209);
}

.flex {
  display: flex;
  flex-direction: column;
}

h3 {
  margin: 5%;
}

h5 {
  margin: 5%;
}

p {
  margin: 5%;
}

a {
  text-decoration: none;
  color: rgb(166, 166, 166);
  position: absolute;
  bottom: 7px;
  left: 7px;
}

a:hover {
  text-decoration: underline;
}

img {
  width: 100%;
  height: 33.3%;
}

.a img {
  width: 100%;
  height: 60%;
}

.a {
  position: relative;
  background-color: white;
  grid-area: a;
}

.b {
  position: relative;
  background-color: white;
  grid-area: b;
}

.c {
  position: relative;
  background-color: white;
  grid-area: c;
}

.d {
  position: relative;
  background-color: white;
  grid-area: d;
}

.e {
  position: relative;
  background-color: white;
  grid-area: e;
}

.f {
  position: relative;
  background-color: white;
  grid-area: f;
}

.g {
  position: relative;
  background-color: white;
  grid-area: g;
}