summaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css73
1 files changed, 72 insertions, 1 deletions
diff --git a/style.css b/style.css
index 951a020..5685341 100644
--- a/style.css
+++ b/style.css
@@ -4,5 +4,76 @@ body {
}
h1 {
- filter: drop-shadow(0.4em 0.4em 0 #a794ff);
+ text-shadow: 0.2em -0.4em #00ed60, 0.4em 0.4em #a794ff;
+}
+
+#Introduction {
+ font-style: italic;
+ text-align: end;
+}
+
+svg {
+ margin: auto 0;
+}
+
+.wavy path {
+ animation-name: hop;
+ animation-duration: 1.5s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+}
+
+path#id_1 {
+ animation-delay: 0.3s;
+}
+path#id_2 {
+ animation-delay: 0.6s;
+}
+path#id_3 {
+ animation-delay: 0.9s;
+}
+path#id_4 {
+ animation-delay: 1.2s;
+}
+path#id_5 {
+ animation-delay: 1.5s;
+}
+path#id_6 {
+ animation-delay: 1.8s;
+}
+path#id_7 {
+ animation-delay: 2.1s;
+}
+path#id_8 {
+ animation-delay: 2.4s;
+}
+path#id_9 {
+ animation-delay: 2.7s;
+}
+path#id_10 {
+ animation-delay: 3s;
+}
+path#id_11 {
+ animation-delay: 3.3s;
+}
+path#id_12 {
+ animation-delay: 3.6s;
+}
+
+@keyframes hop{
+ 25% {
+ transform: translateY(0.5em);
+ }
+
+ 50% {
+ transform: translateY(1em);
+ }
+
+ 75% {
+ transform: translateY(0.5em);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
}