Added manual vines, adjusted pressed dropdown button color

Author: wyndchyme

index.html

@@ -80,6 +80,13 @@
 
         <div id="vines" class="vines">
         </div>
+
+        <div id="manualVines" class="vines">
+          <img src="img/bg/vine.png" width="32px" style="position: absolute; top: 0; left: 310px;">
+          <img src="img/bg/vine.png" width="32px" style="position: absolute; top: 32px; left: 310px;">
+        </div>
+        
+        <!-- wyndchyme was here. The #manualVines are here so that even on video widths smaller than 540px, one set of vines is always present.-->
     </div>
 
 

style.css

@@ -103,7 +103,7 @@ body {
 }
 
 .dropDownButton:active {
-    filter: sepia(1) hue-rotate(180deg) brightness(0.85);
+    filter: sepia(1) hue-rotate(180deg) brightness(1) saturate(1.5);
     cursor: pointer;
 }
 
@@ -172,6 +172,16 @@ body {
     clip: rect(0, 100vw, 100vh, 0);
 }
 
+#manualVines {
+    display: none;
+}
+
+@media (max-width: 540px) {
+    #manualVines {
+        display: block;
+    }
+}
+
 .text-container {
     display: flex;
     flex-wrap: wrap;