h1 {
    font-size: 30px;
    top: 0%;
    left: 1%;
  }
  p {
    color: rgb(11, 12, 12);
    font-family: Arial, Helvetica, sans-serif;
    font-style: bold;
    text-align: left;
    position: absolute;
    margin-right: 3%;
    font-size: 17px;
    top: 7%;
    left: 5%;
  }
  
  .titulotudo {
    height: 100%;
  }
.portfolio {
    padding: 0;
    margin: 0;
    display: grid;
  
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(14, 1fr);
  
    grid-template-areas:
    "f1 f1" 
    "f1 f1"
    "f1 f1"
    "i1 i2"
    "i3 i4"
    "i5 i6"
    "i7 i8"
    "e1 e2"
    "e3 e4"
    "e5 e6"
    "e7 e8"
    ". . "
    "b1 b4"
    "b2 b3";
    grid-gap: 4em;
  }
  
  .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;
   }