about

static/css/index.css

@@ -9,6 +9,7 @@
     background-size: cover;
     background-repeat: no-repeat;
     background-position: right bottom;
+    overflow: hidden;
 }
 
 .name {
@@ -31,6 +32,11 @@
     font-family: cursive;
 }
 
+.know-more a:hover {
+    text-decoration-line: none;
+    color: black;
+}
+
 .home-content {
     padding-top: 0;
     padding-left: 18%;
@@ -45,19 +51,16 @@
     text-decoration-line: none;
 }
 
-.know-more a:hover {
-    text-decoration-line: none;
-    color: black;
-}
 
 @media only screen and (max-width: 600px) {
     .home {
-        height: 70vh;
-        background-position: initial;
+        height: 90vh;
+        background-position: center;
     }
 
     .name-intro {
         height: 200px;
+        padding-left: 10%;
     }
 
     .profile {
@@ -75,13 +78,22 @@
         padding-left: 20%;
         padding-right: 20%;
     }
+
+    .know-more a {
+        color: black;
+    }
 }
 
 /* about */
 
 .about {
-    height: 60vh;
+    height: 100vh;
     padding: 0;
     padding-bottom: 0;
     margin: 0;
+    overflow: hidden;
+}
+
+.things-i-do {
+    font-family: 'Alata', sans-serif;
 }