@font-face{
	font-family: "Luckiest_Guy";
	src: url(fonts/Luckiest_Guy/LuckiestGuy-Regular.ttf);
}
@font-face{
	font-family: "Michroma";
	src: url(fonts/Michroma/Michroma-Regular.ttf);
}
@font-face{
	font-family: "Roboto-Regular";
	src: url(fonts/Roboto/static/Roboto-Light.ttf);
}
@font-face{
	font-family: "Roboto-Bold";
	src: url(fonts/Roboto/static/Roboto-Bold.ttf);
}
@font-face{
	font-family: "Roboto-SemiBold";
	src: url(fonts/Roboto/static/Roboto-SemiBold.ttf);
}


/* KEYFRAMES ANIMATION */

@keyframes logo-glowing {
	from {
		filter: hue-rotate(0deg);
	}
	to {
		filter: hue-rotate(360deg);
	}
}

@keyframes greenleaf_out_left { 
	0%{
		left: -150px;
		transform: rotate(55deg);
	}
    35% {
		left: -1500px;
        transform:rotate(30deg); 
    } 
	100% {
		left: -1500px;
        transform:rotate(30deg); 
    } 
}

@keyframes greenleaf_out_right { 
	0%{
		right: -355px;
		transform: rotate(-115deg);
	}
    35% {
		right: -1500px;
        transform:rotate(-30deg); 
    } 
	100% {
		right: -1500px;
        transform:rotate(-30deg); 
    } 
}