body{

    width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

    background: black;

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

    



    }

    

    .picture-grid {

    justify-items: center;

    display: flex;

    justify-content: center;

    margin-top: 9cm;

    

    }

    

    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); }

            }



    h1{

    margin-bottom: 9cm;

    color: white;

    padding: 35px;  

    text-align: center;

    font-size: 14px;

                

    }