@media(max-width:900px){
  header{
    font-size: 0.8rem; 
    gap:5px;
    padding: 0 20px;
  }
  
 .center{
    padding: 0 10% 0 10%;
 }
 .btao{
   height: 35px;
   font-size: 1.3rem;
 }
 #foto{
  height: 130px;
  width: 130px;
 }
  #sobremim,#contato{
    width: 90%;
  }
  #contato{
    box-sizing: content-box;
  }
  #bgicones{
    width: 135px;
    height: 42px;
    top:13.7rem;
  }
  #bgicones img{
    height: 30px;
  }
  #paiGeral{
    flex-direction: column;
    align-items: center;
  }
  #projetos{
  flex-direction: column;
   width: 80%;
   
  }
  .barra{
    border-left: none;
  }
  .containerProjetos{
    box-sizing: border-box;
    gap:6px;
    margin:0;
    height: 260px;
    padding: 20px;
  }
  .cards{
   display: grid;
   grid-template-columns: 2fr 2fr 2fr;
   grid-template-rows: 100%;
   justify-items: center;
   width: 100%;
   overflow: hidden;
   height: 100%;
  }
  .cardP{
    height: 70%;
  }
  .expandirCards{
    grid-template-rows: 2fr 2fr 2fr;
  }
  .expandirContainerCards{
    height: 500px;
  }
  .cardP:hover{
    transform: scale(1.1);
  }
  #verMais{
    display:flex;
}
#layer2{
  height:164dvh
}
.tecnologias img{
  width: 30px;
}
#cardViewer,#cardSkills{
  top:4rem;
  height: 50%;
  width: 85%;
  padding: 0 0 40px 0;
}
.habilidades p{
  font-size: 1.04rem;
}
}