grublox/css/global.css

64 lines
982 B
CSS

@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 */