header{
  height: auto;
}

/* Pagina sobre */

  .texto {
    /* clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); */
  }
  
  p{
    color:white;
    margin-bottom: 2em;;
    text-align:justify;
  }
  
  /* herdei da linha 98 do arquivo estilos.css */
  .nome-sobre {
    text-align: center;
  }
  
  @keyframes animacaoSobre {

    0%   { 
      opacity: 0;
      transform:translateX(-3vh);
    }  
  
    100% {
       opacity: 1;
       transform: translateX(0); 
    }
    
  }

  figure {
    margin: 0 auto 2em;
  }

  .img-perfil{
    /* tive que usar medidas responsivas aqui pra não quebrar no mobile pelo tamanho da img */

    max-width: 90%;
    opacity: 0;
    animation: 1s ease-out .2s 1 forwards animacaoSobre;
    
    /* efeito de hexágono */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

    /* efeito de triângulo */
    /* clip-path: polygon(50% 0%, 0% 100%, 100% 100%); */

     /* efeito de estrela */
    /* clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); */

  }

  @media (min-width: 600px){
    figure {
      margin-left: 0;
      margin-right: 5em;
    }

    .img-perfil{
      float: left;
    }
  }