home

static/css/index.css

@@ -5,11 +5,10 @@
     padding: 0;
     padding-bottom: 0;
     margin: 0;
-    overflow: hidden;
+    background-image: url(/images/background.png);
     background-size: cover;
     background-repeat: no-repeat;
-    background-position: center;
-
+    background-position: right bottom;
 }
 
 .name {
@@ -18,7 +17,7 @@
 
 .name-intro {
     font-size: 20PX;
-    padding-top: 10%;
+    padding-top: 6%;
     padding-left: 20%;
 }
 
@@ -27,13 +26,36 @@
     padding-left: 18%;
     padding-right: 5%;
     background-repeat: no-repeat;
-    background-position-y: bottom 20%;
-    background-position-x: left 50%;
+    background-position: center;
     background-size: 80%;
+    background-image: url(/images/gif.gif);
+}
+
+.social a:hover {
+    text-decoration-line: none;
 }
 
 @media only screen and (max-width: 600px) {
-    .name-intro {
-        height: 40%;
+    .home {
+        height: 70vh;
+        background-position: initial;
     }
+
+    .name-intro {
+        height: 200px;
+    }
+
+    .home-content {
+        height: 30%;
+        background: none;
+    }
+}
+
+/* about */
+
+.about {
+    height: 60vh;
+    padding: 0;
+    padding-bottom: 0;
+    margin: 0;
 }