body {
    background-color: deepskyblue;
    /* display: grid;
    place-content: center;
    height: 100vh;
    padding: 16px; */

}

nav {
  padding: 12px;
  text-align: center;
}

main {
  padding: 18px;
  margin-left: 15px;
  margin-top: -20px;
}
/* 
.girl {
    width: 268px;
    height: 364px;
    object-fit: cover;
    place-content: center;
    animation: sprite 1.5s steps(7, jump-none) infinite;
} */

.girl {
  width: 336px;
  height: 454px;
  object-fit: cover;
  place-content: center;
  animation: sprite 1.5s steps(7, jump-none) infinite;
}


@keyframes sprite {
    from {
      object-position: 0% 0%;
    }
    to {
      object-position: 100% 0%;
    }
  }