@media(min-width: 130px) and (max-width: 720px){

    /* Parte da pagina do index  */

    header{
        gap: 1rem;
        padding: 0.9rem;
    }

    /* nome principal */
    #MeuNome .nomes h1{
        font-size: 3rem;
    }

    #MeuNome .nomes h2{
        font-size: 2.5rem;
    }

    /* section sobre min  */
    #QuemSouEu{
        display: grid;
    }

    #QuemSouEu .MinhaFoto img{
        width: 30rem;
        animation: float 5s ease-in-out infinite;
    }

    /* section serviços  */
    #Servicos{
        margin-top: 10rem;
    }

    #Servicos .cards a{
        text-decoration: none;
        display: block;
        width: 30rem;
    }

    /* parte das minhas skills */

    #Skills{
        margin-top: 5rem;
    }

    .cardsSkills{
        display: grid;
        justify-content: space-evenly;
        margin-top: 3rem;
        gap: 5rem;
    }

    .cardsSkills .cardSkills{
        width: 30rem;
        height: 33rem;
    }

    .cardSkills .verMaisCertificado{
        margin-top: 0;
    }

    .cardsSkills .cardSkills h2{
        padding-top: 0;
    }

    /* Parte dos contatos */

    #Contato{
        margin-top: 10rem;
        margin-bottom: 5rem;
    }

    #form{
        display: grid;
        justify-content: center;
    }

    #form form input{
        width: 30rem;
        height: 4rem;
    }

    #form form button{
        width: 31.3rem;
    }


    /* Pagina dos Projetos, Artes e UX */

    /* Pagina de Projetos */
    .NomeGrande a{
        width: 0;
    }

    .NomeGrande h1{
        width: 40rem;
        font-size: 2.5rem;
    }

    .NomeGrande p{
        width: 40rem;
    }

    .imagens .GradeDeImagens{
        padding: 1rem;
        margin: 0;
        gap: 2rem;
    }

    .imagens .GradeDeImagens .ImagensLinks img{
        width: 30rem;
    }

    .DetailsVerMaisProjetos details summary{
        width: 40rem;
    }
}