90 lines
1.3 KiB
CSS
90 lines
1.3 KiB
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);
|
|
}
|
|
}
|
|
|
|
.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 */
|
|
|
|
|