diff --git a/src/snek/static/base.css b/src/snek/static/base.css
index 448cb28..04610da 100644
--- a/src/snek/static/base.css
+++ b/src/snek/static/base.css
@@ -1,3 +1,5 @@
+@import "shared.css";
+
 * {
   margin: 0;
   box-sizing: border-box;
diff --git a/src/snek/static/shared.css b/src/snek/static/shared.css
new file mode 100644
index 0000000..d7a652b
--- /dev/null
+++ b/src/snek/static/shared.css
@@ -0,0 +1,15 @@
+
+
+input, textarea {
+  &:focus {
+    outline: 2px solid #f05a28 !important;
+  }
+
+  &::placeholder {
+    transition: opacity 0.3s;
+  }
+
+  &:focus::placeholder {
+    opacity: 0.4;
+  }
+}
diff --git a/src/snek/static/style.css b/src/snek/static/style.css
index 63a28ed..0661225 100644
--- a/src/snek/static/style.css
+++ b/src/snek/static/style.css
@@ -1,3 +1,4 @@
+@import "shared.css";
 
 * {