diff --git a/static/img/bg.jpg b/static/img/bg.jpg
index 34177b3..526aca8 100644
Binary files a/static/img/bg.jpg and b/static/img/bg.jpg differ
diff --git a/static/styles.css b/static/styles.css
index 6ef56f6..2852145 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -15,12 +15,12 @@ background-attachment: fixed;
 }
 
 .table-secondary, .table-secondary>td, .table-secondary>th {
-    background-color: #b6c59d1c;
+    background-color: #0e170114 !important;
 }
 
 .bg-light {
 	/* navbar background set to lighter green*/
-	background-color: #959a94 !important;
+	background-color: #b9c3b8 !important;
 }
 
 .border {
diff --git a/templates/aprox.html b/templates/aprox.html
index 9d62dc5..49b6652 100644
--- a/templates/aprox.html
+++ b/templates/aprox.html
@@ -5,13 +5,14 @@
 {% endblock %}
 
 {% block main %}
+<font color="white" size="5">
     <span>Function you would like to Approximate:</span>
     <form action="/aprox" method="post">
         <div class = "form-group">
             <input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function">
         </div>
         <p id="jp">Your Input Will Appear Here</p>
-        <p>To create the Linearization of f at a, L(x) = f(a) + f'(a)(x-a), we need an easy to calculate value, a,
+        <p>To create the Linearization of <i><b>f</i></b> at <i><b>a</i></b>, <i><b>L(x) = f(a) + f'(a)(x-a)</i></b>, we need an easy to calculate value, a,
             and a difficult to find value for x</p>
         <div class = "form-group">
             <input autocomplete="off" autofocus class="form-control" name="easy" placeholder="Easy Value a" type="text" id="easy">
@@ -19,6 +20,7 @@
         </div>
         <button class="btn btn-primary" type="submit">Approximate</button>
     </form>
+</font>
 
     <script>
         let value = $("#function").val();
diff --git a/templates/aproxd.html b/templates/aproxd.html
index 8c8c899..b2c60ca 100644
--- a/templates/aproxd.html
+++ b/templates/aproxd.html
@@ -5,10 +5,13 @@
 {% endblock %}
 
 {% block main %}
+	<font color="white" size="5">
     <div>
         <p>Your function is $f(x) = {{ value }}$</p>
         <p>Your Linear Approximation of $f(x)$ at $x = {{ h }}$ is ${{ lh }}$</p>
     </div>
+	</font>
+	<font color="white">
         <table class="table" action="optimized">
       <tbody>
         <tr class="bg-dark text-white">
@@ -57,4 +60,5 @@
         </tr>
       </tbody>
     </table>
+	</font>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/differentiated.html b/templates/differentiated.html
index 7fc1b18..b12ae20 100644
--- a/templates/differentiated.html
+++ b/templates/differentiated.html
@@ -6,7 +6,9 @@
 
 {% block main %}
     <div>
+	<font color="white" size="5">
         <p>For $f(x) = {{ value }}$</p>
         <p>$f'(x) = {{ fprime }}$</p>
+	</font>
     </div>
 {% endblock %}
diff --git a/templates/differentiation.html b/templates/differentiation.html
index ebfad20..3ec51e0 100644
--- a/templates/differentiation.html
+++ b/templates/differentiation.html
@@ -5,6 +5,7 @@
 {% endblock %}
 
 {% block main %}
+	<font color="white" size="5">
     <p>Function you would like to Derive: </p>
     <form action="/differentiation" method="post">
         <div class = "form-group">
@@ -13,7 +14,8 @@
         <p id="jp">Your Input Will Appear Here</p>
         <button class="btn btn-primary" type="submit">Differentiate</button>
     </form>
-
+	</font>
+	
     <script>
         let value = $("#function").val();
         $(document).ready(function(){
diff --git a/templates/index.html b/templates/index.html
index ddc1cf0..bb7fd19 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,10 +1,12 @@
 {% extends "layout.html" %}
 
 {% block title %}
-    Index
+    Home
 {% endblock %}
 
 {% block main %}
+<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
+<font color="white">
     <p>This is a website dedicated to making the lives of calculus students easier, if ever so slightly.</p>
     <P>All function inputs will be taken assuming 'x' as your variable. All other letters will be treated as constants</P>
     <p>That noted, you may enter terms for well known constants and they will likely be accounted for</p>
@@ -12,4 +14,7 @@
     <p>As a once struggling calculus student, I highly recommend this site be used either to check your work or as a tool
         to understand the steps behind those problems which you failed in solving alone</p>
     <p>Good luck!</p>
+</font>
 {% endblock %}
+</div>
+
diff --git a/templates/integrated.html b/templates/integrated.html
index 632ab8a..c3ef35d 100644
--- a/templates/integrated.html
+++ b/templates/integrated.html
@@ -6,7 +6,9 @@
 
 {% block main %}
     <div>
+		<font color="white" size="5">
         <p>Your Equation is: ${{ value }}$</p>
         <p>Your integral is: ${{ fintegral }}$</p>
+		</font>
     </div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/integration.html b/templates/integration.html
index 6c18d83..cf9fe95 100644
--- a/templates/integration.html
+++ b/templates/integration.html
@@ -5,6 +5,7 @@
 {% endblock %}
 
 {% block main %}
+<font color="white" size="5">
     <p>Function you would like to Integrate: </p>
     <form action="/integration" method="post">
         <div class = "form-group">
@@ -13,6 +14,7 @@
         <p id="jp">Your Input Will Appear Here</p>
         <button class="btn btn-primary" type="submit">Integrate</button>
     </form>
+</font>
 
     <script>
         let value = $("#function").val();
diff --git a/templates/layout.html b/templates/layout.html
index ad2cbba..27905be 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -50,11 +50,12 @@
             </button>
             <div class="collapse navbar-collapse" id="navbar">
                     <ul class="navbar-nav mr-auto mt-2">
-                        <li class="nav-item"><a class="nav-link" href="/differentiation">Differentiation</a></li>
-                        <li class="nav-item"><a class="nav-link" href="/integration">Integration</a></li>
-                        <li class="nav-item"><a class="nav-link" href="/maxmin">Max/Min</a></li>
-                        <li class="nav-item"><a class="nav-link" href="/aprox">Linearization</a></li>
-                        <li class="nav-item"><a class="nav-link" href="/riemann">Riemann</a></li>
+						
+                        <li class="nav-item"><a class="nav-link" href="/differentiation"><b>Differentiation</b></a></li>
+                        <li class="nav-item"><a class="nav-link" href="/integration"><b>Integration</b></a></li>
+                        <li class="nav-item"><a class="nav-link" href="/maxmin"><b>Max/Min</b></a></li>
+                        <li class="nav-item"><a class="nav-link" href="/aprox"><b>Linearization</b></a></li>
+                        <li class="nav-item"><a class="nav-link" href="/riemann"><b>Riemann</b></a></li>
                     </ul>
                     <!-- <ul class="navbar-nav ml-auto mt-2">
                         <li class="nav-item"><a class="nav-link" href="/logout">Log Out</a></li>
@@ -80,7 +81,10 @@
         </main>
 
         <footer class="small text-center text-muted">
-            Huge thanks to the staff at Harvard's <a href="https://cs50.harvard.edu/college/">CS50</a>.
+			<font color="#212121">
+				<b>© 2020 TayMath - Created by TSB and <a href="https://twitter.com/ruhphorte" style="color:black" target="_blank">Ruh</a> -
+				Huge thanks to the staff at Harvard's <a href="https://cs50.harvard.edu/college/" style="color:black" target="_blank">CS50</a>.</b>
+			</font>
         </footer>
 
     </body>
diff --git a/templates/maxmin.html b/templates/maxmin.html
index 69b0b82..4f932ef 100644
--- a/templates/maxmin.html
+++ b/templates/maxmin.html
@@ -5,6 +5,7 @@
 {% endblock %}
 
 {% block main %}
+<font color="white" size="5">
     <span>Function you would like to Max/Min:</span>
     <form action="/maxmin" method="post">
         <div class = "form-group">
@@ -17,6 +18,7 @@
         </div>
         <button class="btn btn-primary" type="submit">Optimize</button>
     </form>
+</font>
 
     <script>
         let value = $("#function").val();
diff --git a/templates/optimized.html b/templates/optimized.html
index 0f22585..6b3a8a1 100644
--- a/templates/optimized.html
+++ b/templates/optimized.html
@@ -5,10 +5,13 @@
 {% endblock %}
 
 {% block main %}
+	<font color="white" size="5">
     <div>
         <p>Your function is $f(x) = {{ value }}$</p>
         <p>Your maximum value is ${{ maximum }}$ and your minimum value is ${{ newvar }}$</p>
     </div>
+	</font>
+	<font color="white">
     <table class="table table-hover" action="optimized">
       <tbody>
         <tr class="bg-dark text-white">
@@ -61,4 +64,5 @@
         </tr>
       </tbody>
     </table>
+	</font>
 {% endblock %}
diff --git a/templates/riemann.html b/templates/riemann.html
index c009c4b..69fa244 100644
--- a/templates/riemann.html
+++ b/templates/riemann.html
@@ -5,13 +5,14 @@
 {% endblock %}
 
 {% block main %}
+<font color="white" size="5">
     <span>Function you would like to integrate:</span>
     <form action="/riemann" method="post">
         <div class = "form-group">
             <input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function">
         </div>
         <p id="jp">Your Input Will Appear Here</p>
-        <span>Range of values (a,b):</span>
+        <span>Range of values <i>(a,b)</i>:</span>
         <div class = "form-group">
             <input autocomplete="off" autofocus class="form-control" name="lowerbound" placeholder="Lowerbound a" type="text" id="lowerbound">
             <input autocomplete="off" autofocus class="form-control" name="upperbound" placeholder="Upperbound b" type="text" id="upperbound">
@@ -20,15 +21,19 @@
         <div class="form-group">
             <input autocomplete="off" autofocus class="form-control" name="subintervals" placeholder="Subintervals" type="text" id="subintervals">
         </div>
+		</font>
+		<font color="white">
         <div class="radio">
-          <label><input type="radio" name="sumtype" checked value="1">Left Riemann Sum</label>
+          <label><input type="radio" name="sumtype" checked value="1"> Left Riemann Sum</label>
         </div>
         <div class="radio">
-          <label><input type="radio" name="sumtype" value="2">Right Riemann Sum</label>
+          <label><input type="radio" name="sumtype" value="2"> Right Riemann Sum</label>
         </div>
+		</font>
         <button class="btn btn-primary" type="submit">Summation</button>
     </form>
 
+
     <script>
         let value = $("#function").val();
         $(document).ready(function(){
diff --git a/templates/summed.html b/templates/summed.html
index 1ba323a..c7865b9 100644
--- a/templates/summed.html
+++ b/templates/summed.html
@@ -5,9 +5,12 @@
 {% endblock %}
 
 {% block main %}
-    <span><font size="5">Approximating the integral of $f(x) = {{ value }}$ from ${{ lb }}$ to ${{ ub }}$ using ${{ si }}$ subintervals</font></span>
+	<font size="5" color="white">
+    <span>Approximating the integral of $f(x) = {{ value }}$ from ${{ lb }}$ to ${{ ub }}$ using ${{ si }}$ subintervals</span>
+	</font>
 	<br>
 	<br>
+	<font color="white">
     <table class="table table-hover" action="optimized">
         <tbody>
             <tr class="bg-dark text-white">
@@ -48,4 +51,5 @@
             </tr>
         </tbody>
     </table>
+	</font>
 {% endblock %}
\ No newline at end of file