@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;
		}
body {
    animation: startpageload 0.4s ease 0s 1 forwards;
}
 
@keyframes startpageload {
	0% {
		opacity: 0;
		transform: translateX(-65px);
	}

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

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

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

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

.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);
	}
}

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