@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);

body {
    text-align: center;
    background: linear-gradient(0deg, #784390, #784390 80%);
}


img {
  display: block;
    margin: auto;
      width: 50%;
      }
.pizza {
      -webkit-animation:spin 14s linear infinite;
    -moz-animation:spin 14s linear infinite;
    animation:spin 14s linear infinite;
  border-radius: 50px;
  position: relative;
  }

.pizza:hover, .pizza.active {
filter: grayscale(0);
}

@keyframes ripple{
  0%{
    transform: scale(0.8);
  }
  
  50%{
    transform: scale(1.2);
  }
  
  100%{
    transform: scale(0.8);
  }
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

box {
    display: flex;
        flex-wrap: wrap;
            overflow-y: auto;
            }
            
            
            box::after {
              display: flow-root list-item;
                order: 1;
                  content: "";
                    flex-basis: -moz-available;
                      height: 0px;
                      }