.cattoparent {
    margin-top:1em;
    margin-bottom: 2em;
    position: relative;
    margin-left: 0em;
    height: 0em;
}

.cattopart {
    max-width:30%;
    height:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position: absolute;
    margin: auto;
}


div {
    font-family: Poppins;
}

#head {
    transform: rotate(0deg);
	animation: bob 9.5s ease-in-out infinite;
}

#tail {
    transform-origin: bottom right;
    transform: rotate(-2deg);
	animation: tailbob 3s ease-in-out infinite;
}

#paw1 {
    transform: translatey(0px);
	animation: tap1 3s ease-in-out infinite;
}

#paw2 {
    transform: translatey(0.2em);
	animation: tap2 3s ease-in-out infinite;
}



#laser {
    transform-origin: center center;
    transform: rotate(-2deg);
	animation: laser 3s ease-in-out infinite;
}

#paws {
    transform-origin: center center;
    transform: rotate(-2deg);
	animation: laser 3s ease-in-out infinite;
}

#ltail {
    transform-origin: bottom left;
    transform: rotate(-5deg);
	animation: tailbob2 0.2s ease-in-out infinite;
}

#light {
    max-width: 50%;
    margin-top: 1em;
    transform: translate(-2em);
	animation: light 3s ease-in-out infinite;
}

#lhead {
    transform: rotate(0deg);
	animation: headbob 0.1s ease-in-out infinite;
}

@keyframes tailbob {

    0% {
        transform: rotate(-2deg);
    }

    50% {
        transform: rotate(2deg);
    }

    100% {
        transform: rotate(-2deg);
    }
}


@keyframes tailbob2 {

    0% {
        transform: rotate(-5deg);
    }

    50% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(-5deg);
    }
}

@keyframes bob {

    0% {
        transform: rotate(-5deg);
    }

    50% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(-5deg);
    }
}


@keyframes tap1 {
	0% {
		
		transform: translatey(0px);
	}
	50% {
		
		transform: translatey(0.2em);
	}
	100% {
		
		transform: translatey(0px);
	}
}


@keyframes headbob {

    0% {
        transform: translatey(-2px);
    }

    50% {
        transform: translatey(2px);
    }

    100% {
        transform: translatey(-2px);
    }
}

@keyframes tap2 {
	0% {
		
		transform: translatey(0.2em);
	}
	50% {
		
		transform: translatey(0px);
	}
	100% {
		
		transform: translatey(0.2em);
	}
}


@keyframes laser {

    0% {
        transform: rotate(-30deg);
    }

    50% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(-30deg);
    }
}

@keyframes light {

    0% {
        transform: translatex(70px);
        filter: opacity(0.7);
    }

    25% {
        filter: opacity(1);
    }

    50% {
        transform: translatex(-70px);
        filter: opacity(0.7);

    }

    75% {
        filter: opacity(1);
    }

    100% {
        transform: translatex(70px);
        filter: opacity(0.7);

    }
}