Update style.css

jcponce · Jul 30, 2024 · a775f82 · a775f82
1 parent af2cf7c
commit a775f82
Showing 1 changed file with 7 additions and 10 deletions.
diff --git a/sketches/my-pond/style.css b/sketches/my-pond/style.css
@@ -15,6 +15,13 @@ body {
 	animation: hideFooter 20s forwards;
 }
 
+/* Hide footer for screens smaller than 600px */
+@media (max-width: 600px) {
+    .footer {
+        display: none;
+    }
+}
+
 @keyframes hideFooter {
     0% {
         opacity: 1;
@@ -37,13 +44,3 @@ a:hover {
 	color: rgb(255,255,255);
 }
 
-canvas {
-	display: block;
-	background-color: #69D2E7;
-	background-image: linear-gradient(bottom, rgb(0, 0, 128) 0%, rgb(9, 148, 136) 50%, rgb(158, 182, 255) 75%);
-	background-image: -o-linear-gradient(bottom, rgb(0, 0, 128) 0%, rgb(9, 148, 136) 50%, rgb(158, 182, 255) 75%);
-	background-image: -moz-linear-gradient(bottom, rgb(0, 0, 128) 0%, rgb(9, 148, 136) 50%, rgb(158, 182, 255) 75%);
-	background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 128) 0%, rgb(9, 148, 136) 50%, rgb(158, 182, 255) 75%);
-	background-image: -ms-linear-gradient(bottom, rgb(0, 0, 128) 0%, rgb(9, 148, 136) 50%, rgb(158, 182, 255) 75%);
-	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0, 0, 128)), color-stop(0.5, rgb(9, 148, 136)), color-stop(0.75, rgb(158, 182, 255)));
-}