Add in shadowing to make devOsan title stand out and readable.

index.html

@@ -34,7 +34,7 @@
     <!-- Header information, above the fold -->
     <div class="above-the-fold">
       <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-        <a class="navbar-brand" href="#">
+        <a class="devOsan" href="#">
           <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
         </a>
         <button
@@ -104,7 +104,7 @@
         </div>
         <div class="row name-slogan">
           <div class="col col-md-6 offset-md-6">
-            <h1>
+            <h1 class="devOsan">
               <span style="color: #696035">{</span>dev<span
                 style="color: #696035"
                 >}</span

styles.css

@@ -1,5 +1,5 @@
 .above-the-fold {
-  min-height: 100vh;
+  min-height: 95vh;
   background-image: url("img/devOsan_noLogo.png");
   background-size: cover;
   background-repeat: no-repeat;
@@ -67,6 +67,19 @@ h4 {
   font-size: 1.8em;
 }
 
+h1.devOsan{
+	text-shadow: 2px 2px 6px #AAFFAA;
+}
+
+a.devOsan{
+	text-shadow: 0px 0px 2px #AAFFAA;
+	color:black;
+}
+
+h4.devOsan{
+	text-shadow: 1px 1px 3px white;
+}
+
 .vision-statement {
   /* font-size: 1.5em; */
   margin-bottom: 3em;