diff --git a/__pycache__/app.cpython-37.pyc b/__pycache__/app.cpython-37.pyc
index bbd4c09..5382b46 100644
Binary files a/__pycache__/app.cpython-37.pyc and b/__pycache__/app.cpython-37.pyc differ
diff --git a/app.py b/app.py
index 31de38d..a0cfe9e 100644
--- a/app.py
+++ b/app.py
@@ -15,6 +15,12 @@ def differentiation():
         if not request.form.get("function"):
             return apology("must provide a function", 400)
         f = request.form.get("function")
+        """
+        TODO:
+        take Function
+        analyse to find most common letter (our variable)
+        set that as the basis for symbols
+        """
         x = symbols('x')
         f = sympify(f)
 
diff --git a/static/styles.css b/static/styles.css
new file mode 100644
index 0000000..67e42e8
--- /dev/null
+++ b/static/styles.css
@@ -0,0 +1,47 @@
+nav .navbar-brand
+{
+    /* size for brand */
+    font-size: xx-large;
+}
+
+/* colors for brand */
+nav .navbar-brand .blue
+{
+    color: #537fbe;
+}
+nav .navbar-brand .red
+{
+    color: #ea433b;
+}
+nav .navbar-brand .yellow
+{
+    color: #f5b82e;
+}
+nav .navbar-brand .green
+{
+    color: #2e944b;
+}
+
+main .form-control
+{
+    /* center form controls */
+    display: inline-block;
+
+    /* override Bootstrap's 100% width for form controls */
+    width: auto;
+}
+
+main
+{
+    /* scroll horizontally as needed */
+    overflow-x: auto;
+
+    /* center contents */
+    text-align: center;
+}
+
+main img
+{
+    /* constrain images on small screens */
+    max-width: 100%;
+}
diff --git a/templates/layout.html b/templates/layout.html
index 0603222..388f7ec 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -13,7 +13,7 @@
 
         <!-- https://favicon.io/emoji-favicons/money-mouth-face/ -->
         <link href="/static/favicon.ico" rel="icon">
-        <link href="/static/styles.css" rel="stylesheet">
+        <link href="{{ url_for('static', filename='styles.css')}}" rel="stylesheet">
 
         <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>