/* da japan font, we wont use this but yes
		@font-face {
         font-family: newrodin;
         src: url(../assets/font/NewRodin.otf);
        }
        * {
		font-family: newrodin;
		}*/
		
		@font-face {
         font-family: grufont;
         src: url(../assets/font/GruFont.ttf);
        }
        .grufont {
		font-family: grufont;
		}
		@font-face {
         font-family: gotham;
         src: url(../assets/font/GothamMedium.ttf);
        }
        .gotham {
		font-family: gotham;
		}

.anim-dropdown {
animation: dropdown-anim 0.3s ease 0s 1 normal none;
}

@keyframes dropdown-anim {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.anim-dropdown-2 {
animation: dropdown-anim-2 0.3s ease 0s 1 normal none;
}

@keyframes dropdown-anim-2 {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(40px);
	}
}

.nav-animated:hover {
animation: hover-nav-link 0.4s ease 0s 1 normal forwards;
}


@keyframes hover-nav-link {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-2px);
	}
}

.loading-bootstrapper {
animation: loading-bootstrapper 1.3s ease-out 0.2s infinite normal forwards;
}

@keyframes loading-bootstrapper {
	0% {
		transform: rotate(-360deg);
	}
	
	5% {
		transform: rotate(-365deg);
	}

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

	100% {
		transform: rotate(0deg);
	}
}

/* hi do not skid css pls noob - quezip */