updated about css

Author: zesameri

css/about.css

@@ -1,43 +1,49 @@
 /* ============================================================
   For About Me Styling
 ============================================================ */
+.flex-exper {
+  display: flex;
+  flex-direction: row;
+}
+
+.side-nav {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width:30%;
 
-.me {
-  background-color: aliceblue;
-  color:
 }
 
-.about-text {
-  text-align: left;
-  background-color: aliceblue;
-  color: midnightblue;
+.side-nav div{
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid FloralWhite;
+  width: 100%;
+  font-size: x-large;
+  background: salmon;
 }
 
 
-.testing {
-  overflow:hidden;
-  background-color: aquamarine;
+.main {
+  width: 70vw;
+  background-color: LightSteelBlue ;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-left: 2px solid #1A1110;
 }
-
-.testing div {
-   height: 100%;
+.main .content {
+  color: #1A1110;
+  max-width: 62%;
 }
-.one {
-  background-color: cornflowerBlue;
-  float:left;
-  width:62vw;
-  height: 100%;
+.main h1 {
+  font-size: 3em;
 }
-.two {
-  background-color: aliceblue;
-  color: midnightblue;
-  height: 100%;
+.main p {
+  font-size: 160%;
   text-align: left;
 }
-
-@media screen and (max-width: 400px) {
-   .one {
-    float: none;
-    margin-right:0;
-    width:auto;
-  }