Add files via upload
This commit is contained in:
40
styles.css
40
styles.css
@@ -164,15 +164,29 @@ body::after {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 50%;
|
||||
animation: slowSpin 60s linear infinite;
|
||||
animation: sway 45s ease-in-out infinite, pulseSlow 6s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes slowSpin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
@keyframes sway {
|
||||
0% {
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
50% {
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pulseSlow {
|
||||
0%, 100% {
|
||||
transform: scale(1);
|
||||
filter: drop-shadow(0 0 0 rgba(0, 122, 204, 0));
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.05);
|
||||
filter: drop-shadow(0 0 12px rgba(0, 122, 204, 0.25));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -279,6 +293,20 @@ body::after {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.not-for-hire-note {
|
||||
margin-top: 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
color: rgba(128, 128, 128, 0.5);
|
||||
opacity: 0;
|
||||
animation: fadeInOpacity 0.3s ease forwards;
|
||||
animation-delay: 10s;
|
||||
}
|
||||
|
||||
@keyframes fadeInOpacity {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
|
||||
|
||||
/* Navigation */
|
||||
.navigation {
|
||||
|
||||
Reference in New Issue
Block a user