@keyframes br-translate {
    0% {
      transform: translateX(0px) translateY(0px);
    }
    50% {
      transform: translateX(-5px) translateY(-5px);
    }
    100% {
      transform: translateX(0px) translateY(0px);
    }
}


@keyframes rotatedsmall {
    0% {
      transform: rotate(0);
    }
    50% {
      transform: rotate(-30deg);
    }
    100% {
      transform: rotate(-45px);
    }
}


@keyframes float-bob-x {
    0% {
      transform: translateX(-30px);
    }
  
    50% {
      transform: translateX(30px);
    }
  
    100% {
      transform: translateX(-30px);
    }
}


@-webkit-keyframes float-bob-y {
	0% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(-20px);
	}
}

@keyframes float-bob-y {
	0% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(-20px);
	}
}