h1 {
  font-size: 60px;
  top: 0%;
  left: 5%;
}
p {
  color: rgb(11, 12, 12);
  font-family: Arial, Helvetica, sans-serif;
  font-style: bold;
  text-align: left;
  position: absolute;
  margin-right: 60%;
  font-size: 20px;
  top: 25%;
  left: 5%;
}
.titulotudo {
  height: 65%;
}
.portfolio {
  padding: 0;
  margin: 0;
  display: grid;

  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(9, 1fr);

  grid-template-areas:
    "f1 f1 f1 f1"
    "f1 f1 f1 f1"
    "f1 f1 f1 f1"
    "i1 i2 i3 i4"
    "i5 i6 i7 i8"
    "e1 e2 e3 e4"
    "e5 e6 e7 e8"
    ". . . ."
    "b1 b2 b3 b4";
  grid-gap: 4em;
}

body {
  overflow: hidden;
}
.titulotudo {
  grid-area: f1;
}
.foto1 {
  grid-area: i1;
  height: 40vmin;
}

.foto2 {
  grid-area: i2;
}

.foto3 {
  grid-area: i3;
}

.foto4 {
  grid-area: i4;
}

.foto5 {
  grid-area: i5;
}

.foto6 {
  grid-area: i6;
}

.foto7 {
  grid-area: i7;
}

.foto8 {
  grid-area: i8;
}

.desenho1 {
  grid-area: e1;
  height: 40vmin;
}

.desenho2 {
  grid-area: e2;
}

.desenho3 {
  grid-area: e3;
}

.desenho4 {
  grid-area: e4;
}

.desenho5 {
  grid-area: e5;
}

.desenho6 {
  grid-area: e6;
}

.desenho7 {
  grid-area: e7;
}

.desenho8 {
  grid-area: e8;
}

.email {
  grid-area: b2;
}
 .insta {
   grid-area: b3;
 }