img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 25px;
    border: 2px solid rgb(185, 88, 255);
}

.shake {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 25px;
    border: 2px solid rgb(185, 88, 255);
}

p {
    text-align: center;
}

h1 {

    align-items: center;
    font-family: verdana;
    text-align: center;
    border-radius: 25px;
    border: 2px solid rgb(185, 88, 255);
    padding: 20px;
    width: auto;
    height: auto;
    background-color: rgb(185, 88, 255);
    color: white;
}

#catimg1 {
    display: block;
    width: 38%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
}

body {
    background-color: rgb(189, 255, 189);
}

.dis {
    margin-top: 15px;
    margin-bottom: 30px;
    width: 25%;
    height: 25%;
}

.shake:hover {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 0.65s;

    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

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

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

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

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

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

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

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

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

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

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

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