|
|
@ -307,23 +307,14 @@ p { |
|
|
|
line-height: 1.2; |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes glowing { |
|
|
|
0% { |
|
|
|
background-color: var(--button-color); |
|
|
|
box-shadow: 0 0 5px rgba(var(--accent-color), 0.502); |
|
|
|
} |
|
|
|
50% { |
|
|
|
background-color: var(--button-color-hover); |
|
|
|
box-shadow: 0 0 10px rgba(var(--accent-color)); |
|
|
|
} |
|
|
|
100% { |
|
|
|
background-color: var(--button-color); |
|
|
|
box-shadow: 0 0 5px rgba(var(--accent-color), 0.502) |
|
|
|
.animate__animated.animate__pulse { |
|
|
|
--animate-duration: 1.5s; |
|
|
|
} |
|
|
|
|
|
|
|
.animate__pulse:hover { |
|
|
|
box-shadow: 0 0 10px rgba(var(--accent-color), 0.502); |
|
|
|
} |
|
|
|
.click-me-btn { |
|
|
|
animation: glowing 1300ms infinite; |
|
|
|
} |
|
|
|
|
|
|
|
/* @media (min-width: 992px) { |
|
|
|
.portfolio-box img { |
|
|
|
object-fit: cover; |
|
|
@ -381,37 +372,54 @@ p { |
|
|
|
from { |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
|
|
|
|
to { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
@-moz-keyframes fadein { /* Firefox */ |
|
|
|
|
|
|
|
@-moz-keyframes fadein { |
|
|
|
|
|
|
|
/* Firefox */ |
|
|
|
from { |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
|
|
|
|
to { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
@-webkit-keyframes fadein { /* Safari and Chrome */ |
|
|
|
|
|
|
|
@-webkit-keyframes fadein { |
|
|
|
|
|
|
|
/* Safari and Chrome */ |
|
|
|
from { |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
|
|
|
|
to { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
@-o-keyframes fadein { /* Opera */ |
|
|
|
|
|
|
|
@-o-keyframes fadein { |
|
|
|
|
|
|
|
/* Opera */ |
|
|
|
from { |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
|
|
|
|
to { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
body { |
|
|
|
animation: fadein 2s; |
|
|
|
-moz-animation: fadein 2s; /* Firefox */ |
|
|
|
-webkit-animation: fadein 2s; /* Safari and Chrome */ |
|
|
|
-o-animation: fadein 2s; /* Opera */ |
|
|
|
-moz-animation: fadein 2s; |
|
|
|
/* Firefox */ |
|
|
|
-webkit-animation: fadein 2s; |
|
|
|
/* Safari and Chrome */ |
|
|
|
-o-animation: fadein 2s; |
|
|
|
/* Opera */ |
|
|
|
} |