@keyframes logo-shake {
    0%,to {
        -webkit-transform: rotate(2.5deg) translate3d(0,0,0);
        transform: rotate(2.5deg) translate3d(0,0,0);
    }
  
    25% {
        -webkit-transform: rotate(0deg)translate3d(0,0,0);
        transform: rotate(0deg) translate3d(0,0,0);
    }
  
    50% {
        -webkit-transform: rotate(-2.5deg) translate3d(0,0,0);
        transform: rotate(-2.5deg) translate3d(0,0,0);
    }
  
    75% {
        -webkit-transform: rotate(0deg)translate3d(0,0,0);
        transform: rotate(0deg) translate3d(0,0,0);
    }
  }
  

figure:hover {
    -webkit-animation: logo-shake .25s infinite;
    animation: logo-shake .25s  infinite;
    opacity: .5;
  }
  
  .grid {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
  }


  .grid > .column {
    grid-column:  auto 
  }


  main {
    padding: var(--padding);
    /* max-width: 100rem; */
    /* margin: 0 auto;
    margin-top: 6.5rem; */
}