/* 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/GothamBlack.otf);
}
.gotham {
font-family: gotham;
}

/* block shitty things omg */
#wanteeedContainer,
#wanteeedTestMaker
{
	display:none;
}
/* end */

*:-moz-loading {
	pointer-events: none;
    background: linear-gradient(270deg, #cacaca, #5c5c5c);
    background-size: 400% 400%;

    animation: loadingimg 0.9s ease infinite;
}

@keyframes loadingimg {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.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.5s ease-out 0.2s infinite normal forwards;
}

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

	35% {
		transform: rotate(-375deg);
	}
	
	40% {
		transform: rotate(-375deg);
	}

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

/* sex */
.btn-primary {
color: white;	
}

.navbar .bg-primary {
color: black;	
}



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