add some nice tiled hearts to my page

[gnargle.github.io.git] / main.css

diff --git a/main.css b/main.css
index 83040568b1f22dc55716a74508134f5d5c63e8c1..c3546e126f547d2b8dd166c563fb6302ea0adcd9 100644 (file)
--- a/main.css
+++ b/main.css
@@ -7,6 +7,16 @@
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
+.audio-block {
+    display: flex;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.audio-title {
+    flex: 1;
+}
+
 body {
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background-color: bisque;
@@ -159,4 +169,20 @@ ul {
     margin: 0 auto;
     padding-top: 10px;
     padding-bottom: 10px;
+}
+
+@keyframes pan {
+    from{
+        left: 0%;
+    }
+
+    to{
+        right: 100%;
+    }
+}
+
+.whole-site{
+    background-image: url("img/hearts2.png");
+    background-size: 10%;
+    animation: pan 180s linear infinite;
 }
\ No newline at end of file