@font-face {
font-family: 'dosis-medium-webfont';
src: url('fonts/dosis-medium-webfont.eot'); /* IE9 Compat Modes */ 
src: local('dosis-medium-webfont'), local('dosis-medium-webfont'),
url('fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/dosis-medium-webfont.woff2') format('woff2'), /* Super Modern Bro wsers */
url('fonts/dosis-medium-webfont.woff') format('woff'), /* Modern Browsers */
url('fonts/dosis-medium-webfont.ttf') format('truetype'), /* Safari, Androi d, iOS */
url('fonts/dosis-medium-webfont.svg#BadScript') format('svg'); /* Legacy iOS */
}


@font-face {
font-family: 'BubblerOne-Regular';
src: url('fonts/BubblerOne-Regular.ttf'); /* IE9 Compat Modes */ 
src: local('BubblerOne-Regular'), local('BubblerOne-Regular'),
url('fonts/BubblerOne-Regular.ttf') format('truetype'), /* Safari, Androi d, iOS */
}



hr {
   width: 70%;
   margin-left: auto;
   margin-right: auto;
      }


@keyframes confetti-slow {
	0% { margin-top: 0; transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) scale(1, 1); opacity: 1; }
	100% { margin-top: 105%; transform: translate3d(0, 0, 0) rotateX(360deg) rotateY(180deg) scale(1.4, 1.4); opacity: 0; }
}
@keyframes confetti-medium {
	0% { margin-top: 0; transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) scale(1, 1); opacity: 1; }
	100% { margin-top: 105%; transform: translate3d(0, 0, 0) rotateX(100deg) rotateY(360deg) scale(1.2, 1.2); opacity: 0; }
}
@keyframes confetti-fast {
	0% { margin-top: 0; transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) scale(0.8, 0.8); opacity: 1; }
	100% { margin-top: 105%; transform: translate3d(0, 0, 0) rotateX(10deg) rotateY(250deg) scale(1.2, 1.2); opacity: 0; }
}
@keyframes confetti-medium2 {
	0% { transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
	100% { transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg); }
}
@keyframes confetti-fast2 {
	0% { transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
	100% { transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg); }
}
.confetti--animation-slow::before { animation: confetti-slow 2.25s ease-out 1 forwards; }
.confetti--animation-medium::before { animation: confetti-medium 1.75s ease-out 1 forwards; }
.confetti--animation-fast::before { animation: confetti-fast 3.25s ease-out 1 forwards; }