diff --git a/style.css b/style.css
index b02a2fc..4599a00 100644
--- a/style.css
+++ b/style.css
@@ -76,8 +76,8 @@ body {
 .triangle-label {
   position: absolute;
   color: black;
-  bottom: 0.5rem;
   left: 0.5rem;
+  bottom: 0.5rem;
 }
 
 .triangle-label.multiline {
@@ -118,4 +118,19 @@ h1 {
   background-color:hsl(50, 100%, 70%);
   border-left: 0.25ch solid hsl(50, 100%, 70%);
   border-right: 0.25ch solid hsl(50, 100%, 70%);
-}
\ No newline at end of file
+}
+
+
+/* Adjustments for touchscreen devices */
+
+@media (hover: none) {
+  .triangle-label {
+    color: white;
+    opacity: 0.75;
+  }
+
+  .triangle:hover .triangle-label {
+    color: black;
+    opacity: 1;
+  }
+}