100 lines
1.5 KiB
CSS
100 lines
1.5 KiB
CSS
/* 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 */
|
|
|
|
|