Update about page css to improve readability

about/index.html

@@ -99,7 +99,7 @@
         <div class="col-md-6">
           <img class="about-portrait" src="https://cdn.enp.one/img/me.jpg" alt="Ethan N. Paul"/>
         </div>
-        <div class="col-md-6">
+        <div class="col-md-6" id="about-content">
           <h2 class="about-title">Who I Am</h2>
           <p class="about-text">
             My name is Ethan Paul, and I am an engineer working in tech! I graduated as a part of

css/style.css

@@ -519,7 +519,7 @@ body.mobile-nav-active #mobile-nav-toggle {
   max-height: 35rem;
   border-radius: 50%;
   border-style: solid;
-  border-color: #111;
+  border-color: rgba(17, 17, 17, 0.6);
   border-width: 10px;
 }
 
@@ -844,6 +844,16 @@ body.mobile-nav-active #mobile-nav-toggle {
   text-align: center;
 }
 
+#about-content {
+  background-color: rgba(17, 17, 17, 0.7);
+  padding-top: 1em;
+  padding-bottom: 1em;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  border-radius: 1em;
+  color: #d3d3d3;
+}
+
 /*--------------------------------------------------------------
 # Footer
 --------------------------------------------------------------*/