@media screen and (min-width: 1000px) {

.card, button, .infocards-heading, img.projectimg, img.profileimg, a.footlink{
    transition: 250ms;
  }

  .card:hover{
    transform: scale(1.01);
    color: var(--genacc);
    box-shadow: var(--hovshadow);
  }

  button:hover{
    transform: scale(1.01);
    background-color: var(--colsec);
  }

  button:active{
    background-color: var(--genacc);
    transform: scale(0.975);
  }

  .infocards-heading:hover{
    transform: translateX(.5rem);
  }

  p{
    cursor: default;
  }

  a:hover{
    color: var(--genacc);
  }

  a.footlink:hover{
    color: var(--genacc);
  }

  img.profileimg:hover, img.projectimg:hover{
    transition: 250ms;
    filter: grayscale(.15);
    transform: scale(1.01);
    box-shadow: var(--hovshadow);
  }

}