img:hover {

            animation: shake 0.5s;

            animation-iteration-count: infinite;  

            



            

                } 

                

                @keyframes shake {

              0% { transform: translate(1)px, 1px) rotate(0deg); }

              10% { transform: translate(-1px, -2px) rotate(-1deg); }

              20% { transform: translate(-3px, 0px) rotate(1deg); }

              30% { transform: translate(3px, 2px) rotate(0deg); }

              40% { transform: translate(1px, -1px) rotate(1deg); }

              50% { transform: translate(-1px, 2px) rotate(-1deg); }

              60% { transform: translate(-3px, 1px) rotate(0deg); }

              70% { transform: translate(3px, 1px) rotate(-1deg); }

              80% { transform: translate(-1px, -1px) rotate(1deg); }

              90% { transform: translate(1px, 2px) rotate(0deg); }

              100% { transform: translate(1px, -2px) rotate(-1deg); }

              

            }







            body{

              width: 100%;

              height: 100%;

              margin: 0px;

              padding: 0px;

              background: black;

              font-family: Verdana, Geneva, Tahoma, sans-serif;

              

              

              }

              .navbar ul{

              list-style: none;

              background: black;

              padding: 0;

              margin: auto;

              overflow: hidden;

              text-align: center;

              margin-top: 1cm;

              margin-bottom: 7cm;

              

               

              }

              .navbar li{

                  display: inline-block;

              }

              

              

              .navbar a{

                  float: left;

                  text-align: center;

                  color:  white;

                  padding: 5px 40px;

                  text-decoration: none;

                  width: 200px;

                  display: block;

                  font-size: 14px;

                  font-weight: bold;

                  text-transform: uppercase;

                  

               

                  

                  

               

              }

              .navbar a:hover{

                  background:white;

                  color: black;

              

              

                  

              }

              

              

              

              img {

              

                  display: block;

                  margin: auto;

                  margin-bottom: 1cm;

                  

                  

                  }

              

              



                  .picture-grid {

                    justify-items: center;

                    display: flex;

                    justify-content: center;

                    margin-top: 6cm;

                    

                    }





              footer {

              background: transparent;

              color: white;

              padding: 35px;  

              text-align: center;

              font-size: 14px;

              

              

              

              

              

              }