small styling

Author: Bradley

README.md

@@ -1,2 +1,2 @@
 # merhoo.github.io
-This is my personal site for experimenting and professional promotion
+This is my site to explore and create web dev stuff.

css/font.css

@@ -6,15 +6,14 @@ body {
 h1, dt, .footer > a {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   letter-spacing: 2px;
+  font-weight: bold;
 }
 dt {
   font-size: 1.25em;
-  font-weight: bold;
 }
 h1 {
   font-size: 3vw;
   letter-spacing: 4px;
-  font-weight: normal;
 }
 .bio {
   font-size: 2.5vw;
@@ -29,6 +28,7 @@ h1 {
 a, .footer > a {
   border-bottom: 1px solid #f8f8f6;
   color: inherit;
+  font-weight: normal;
   text-decoration: none
 }
 a {

css/styles.css css/main.csscss/styles.css renamed to css/main.css

@@ -1,6 +1,6 @@
 body {
   margin: 0;
-  padding: 5vh 0 3vw 3vw;
+  padding: 5vh 0 5vw 5vw;
   background-color: #222;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -36,16 +36,16 @@ section {
 }
 .footer {
   position: fixed;
-  right: 6em;
-  bottom: 6em;
+  right: 5em;
+  bottom: 5em;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: flex-end;
 
 }
 .footer > a {
-  margin-top: 1em;
+  margin-top: 0.7em;
 }
 a {
   position: relative;

css/mobile.css

@@ -1,6 +1,6 @@
-@media (max-width:800px) {
+@media (max-width:850px) {
   body {
-    padding: 1em 1em 1em 2em;
+    padding: 7.5vw;
     flex-flow: column wrap;
   }
   .hero {

index.html

@@ -13,7 +13,7 @@
     <meta name="og:type" content="website">
     <meta name="theme-color" content="#0C0C0C">
       <!-- Styles -->
-    <link href="./css/styles.css" rel="stylesheet">
+    <link href="./css/main.css" rel="stylesheet">
     <link href="./css/crumple.css" rel="stylesheet">
     <link href="./css/font.css" rel="stylesheet">
     <link href="./css/mobile.css" rel="stylesheet">