<style>

	


	svg {
		width: 300px;
		height: auto;
		z-index: 199;
	}

	/* .balloons {
		height: 100%;
		width: 100%;
		position: absolute;
	} */

	.balloon {
		border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%;
		display: block;
		height: 100px;
		opacity: 0.8;
		position: absolute;
		width: 80px;
	}

	.balloon:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		bottom: -5px;
		content: "";
		height: 0;
		left: 45%;
		position: absolute;
		width: 0;
	}

	.balloon0 {
		background-color: #f9ca24;
		left: 81%;
		animation: flyingBalloon 18s -86s linear infinite;
		-webkit-animation: flyingBalloon 18s -86s linear infinite;
		-moz-animation: flyingBalloon 18s -86s linear infinite;
		-ms-animation: flyingBalloon 18s -86s linear infinite;
		-o-animation: flyingBalloon 18s -86s linear infinite;
	}

	.balloon0:after {
		border-bottom: 10px solid #ffffff;
	}

	.balloon1 {
		background-color: #f6e58d;
		left: 55%;
		animation: flyingBalloon 19s -73s linear infinite;
		-webkit-animation: flyingBalloon 19s -73s linear infinite;
		-moz-animation: flyingBalloon 19s -73s linear infinite;
		-ms-animation: flyingBalloon 19s -73s linear infinite;
		-o-animation: flyingBalloon 19s -73s linear infinite;
	}

	.balloon1:after {
		border-bottom: 10px solid #ffffff;
	}

	.balloon2 {
		background-color: #ff7979;
		left: 36%;
		animation: flyingBalloon 15s -95s linear infinite;
		-webkit-animation: flyingBalloon 15s -95s linear infinite;
		-moz-animation: flyingBalloon 15s -95s linear infinite;
		-ms-animation: flyingBalloon 15s -95s linear infinite;
		-o-animation: flyingBalloon 15s -95s linear infinite;
	}

	.balloon2:after {
		border-bottom: 10px solid #ddd;
	}

	.balloon3 {
		background-color: #badc58;
		left: 83%;
		animation: flyingBalloon 25s -78s linear infinite;
		-webkit-animation: flyingBalloon 25s -78s linear infinite;
		-moz-animation: flyingBalloon 25s -78s linear infinite;
		-ms-animation: flyingBalloon 25s -78s linear infinite;
		-o-animation: flyingBalloon 25s -78s linear infinite;
	}

	

	.balloon29 {
		background-color: #EA2027;
		left: 37%;
		animation: flyingBalloon 17s -61s linear infinite;
		-webkit-animation: flyingBalloon 17s -61s linear infinite;
		-moz-animation: flyingBalloon 17s -61s linear infinite;
		-ms-animation: flyingBalloon 17s -61s linear infinite;
		-o-animation: flyingBalloon 17s -61s linear infinite;
	}

	.balloon29:after {
		border-bottom: 10px solid #EA2027;
	}

	.balloon30 {
		background-color: #006266;
		left: 94%;
		animation: flyingBalloon 11s -80s linear infinite;
		-webkit-animation: flyingBalloon 11s -80s linear infinite;
		-moz-animation: flyingBalloon 11s -80s linear infinite;
		-ms-animation: flyingBalloon 11s -80s linear infinite;
		-o-animation: flyingBalloon 11s -80s linear infinite;
	}

	.balloon30:after {
		border-bottom: 10px solid #006266;
	}

	.balloon31 {
		background-color: #1B1464;
		left: 74%;
		animation: flyingBalloon 11s -52s linear infinite;
		-webkit-animation: flyingBalloon 11s -52s linear infinite;
		-moz-animation: flyingBalloon 11s -52s linear infinite;
		-ms-animation: flyingBalloon 11s -52s linear infinite;
		-o-animation: flyingBalloon 11s -52s linear infinite;
	}

	.balloon31:after {
		border-bottom: 10px solid #1B1464;
	}

	.balloon32 {
		background-color: #5758BB;
		left: 21%;
		animation: flyingBalloon 12s -100s linear infinite;
		-webkit-animation: flyingBalloon 12s -100s linear infinite;
		-moz-animation: flyingBalloon 12s -100s linear infinite;
		-ms-animation: flyingBalloon 12s -100s linear infinite;
		-o-animation: flyingBalloon 12s -100s linear infinite;
	}

	.balloon32:after {
		border-bottom: 10px solid #5758BB;
	}

	.balloon33 {
		background-color: #6F1E51;
		left: 34%;
		animation: flyingBalloon 9s -61s linear infinite;
		-webkit-animation: flyingBalloon 9s -61s linear infinite;
		-moz-animation: flyingBalloon 9s -61s linear infinite;
		-ms-animation: flyingBalloon 9s -61s linear infinite;
		-o-animation: flyingBalloon 9s -61s linear infinite;
	}

	.balloon33:after {
		border-bottom: 10px solid #6F1E51;
	}

	.balloon34 {
		background-color: #40407a;
		left: 16%;
		animation: flyingBalloon 10s -80s linear infinite;
		-webkit-animation: flyingBalloon 10s -80s linear infinite;
		-moz-animation: flyingBalloon 10s -80s linear infinite;
		-ms-animation: flyingBalloon 10s -80s linear infinite;
		-o-animation: flyingBalloon 10s -80s linear infinite;
	}

	.balloon34:after {
		border-bottom: 10px solid #40407a;
	}

	.balloon35 {
		background-color: #706fd3;
		left: 90%;
		animation: flyingBalloon 25s -95s linear infinite;
		-webkit-animation: flyingBalloon 25s -95s linear infinite;
		-moz-animation: flyingBalloon 25s -95s linear infinite;
		-ms-animation: flyingBalloon 25s -95s linear infinite;
		-o-animation: flyingBalloon 25s -95s linear infinite;
	}

	.balloon35:after {
		border-bottom: 10px solid #706fd3;
	}

	.balloon36 {
		background-color: #33d9b2;
		left: 23%;
		animation: flyingBalloon 11s -70s linear infinite;
		-webkit-animation: flyingBalloon 11s -70s linear infinite;
		-moz-animation: flyingBalloon 11s -70s linear infinite;
		-ms-animation: flyingBalloon 11s -70s linear infinite;
		-o-animation: flyingBalloon 11s -70s linear infinite;
	}

	.balloon36:after {
		border-bottom: 10px solid #33d9b2;
	}

	.balloon37 {
		background-color: #eee;
		left: 15%;
		animation: flyingBalloon 26s -94s linear infinite;
		-webkit-animation: flyingBalloon 26s -94s linear infinite;
		-moz-animation: flyingBalloon 26s -94s linear infinite;
		-ms-animation: flyingBalloon 26s -94s linear infinite;
		-o-animation: flyingBalloon 26s -94s linear infinite;
	}

	.balloon37:after {
		border-bottom: 10px solid #eee;
	}

	.balloon38 {
		background-color: #eee;
		left: 4%;
		animation: flyingBalloon 9s -70s linear infinite;
		-webkit-animation: flyingBalloon 9s -70s linear infinite;
		-moz-animation: flyingBalloon 9s -70s linear infinite;
		-ms-animation: flyingBalloon 9s -70s linear infinite;
		-o-animation: flyingBalloon 9s -70s linear infinite;
	}

	.balloon38:after {
		border-bottom: 10px solid #ddd;
	}

	.balloon39 {
		background-color: #eee;
		left: 70%;
		animation: flyingBalloon 17s -74s linear infinite;
		-webkit-animation: flyingBalloon 17s -74s linear infinite;
		-moz-animation: flyingBalloon 17s -74s linear infinite;
		-ms-animation: flyingBalloon 17s -74s linear infinite;
		-o-animation: flyingBalloon 17s -74s linear infinite;
	}

	.balloon39:after {
		border-bottom: 10px solid #eee;
	}

	@-webkit-keyframes flyingBalloon {
		from {
			bottom: -20%;
		}

		to {
			bottom: 110%;
		}
	}

	@-moz-keyframes flyingBalloon {
		from {
			bottom: -20%;
		}

		to {
			bottom: 110%;
		}
	}

	@-ms-keyframes flyingBalloon {
		from {
			bottom: -20%;
		}

		to {
			bottom: 110%;
		}
	}

	@-o-keyframes flyingBalloon {
		from {
			bottom: -20%;
		}

		to {
			bottom: 110%;
		}
	}

	@keyframes flyingBalloon {
		from {
			bottom: -20%;
		}

		to {
			bottom: 110%;
		}
	}

	#smile path:nth-of-type(2) {
		-webkit-animation: wink 3s ease-in-out infinite forwards;
		animation: wink 3s ease-in-out infinite forwards;
		opacity: 1;
	}

	#smile path:nth-of-type(1) {
		-webkit-animation: wink2 3s ease-in-out infinite forwards;
		animation: wink2 3s ease-in-out infinite forwards;
		opacity: 0;
	}

	#eye-r path:nth-of-type(1) {
		-webkit-animation: wink 3s ease-in-out infinite forwards;
		animation: wink 3s ease-in-out infinite forwards;
		opacity: 1;
	}

	#eye-r path:nth-of-type(2) {
		-webkit-animation: wink2 3s ease-in-out infinite forwards;
		animation: wink2 3s ease-in-out infinite forwards;
		opacity: 0;
	}

	@-webkit-keyframes wink {
		0% {
			opacity: 1;
		}

		80% {
			opacity: 1;
		}

		90% {
			opacity: 0;
		}

		100% {
			opacity: 0;
		}
	}

	@keyframes wink {
		0% {
			opacity: 1;
		}

		80% {
			opacity: 1;
		}

		90% {
			opacity: 0;
		}

		100% {
			opacity: 0;
		}
	}

	@-webkit-keyframes wink2 {
		0% {
			opacity: 0;
		}

		80% {
			opacity: 0;
		}

		90% {
			opacity: 1;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes wink2 {
		0% {
			opacity: 0;
		}

		80% {
			opacity: 0;
		}

		90% {
			opacity: 1;
		}

		100% {
			opacity: 1;
		}
	}


</style>