Add files via upload

assets/index.css

@@ -211,8 +211,13 @@ body{
 #profile_img {
     width:180px;
     height:180px;
+    min-width:180px;
+    min-height:180px;
+    max-width:180px;
+    max-height:180px;
     border-radius:5px;
     background-size:cover !important;
+    background-repeat:no-repeat !important;
 }
 
 #profile div {
@@ -240,15 +245,13 @@ body{
     font-family: 'Questrial', sans-serif;
 }
 
-#about a,
-#username a {
+#about a {
     color:#fff !important;
     text-decoration:none;
     font-weight:bold;
 }
 
-#about a:hover,
-#username a:hover {
+#about a:hover {
     text-decoration:underline;
 }
 
@@ -272,18 +275,11 @@ body{
 }
 
 .projects {
-  margin-left: -15px; /* align section w/ heading above */
-}
-
-.projects a {
-  /* 30px is the gutter size in magic grid */
-  width: calc(49% - 30px);  /* 49% avoids a weird single column on some wide screens */
-  display: flex;
-  text-decoration: none;
+    columns:2;
 }
 
 .projects section {
-    width: 100%;
+    width:85%;
     padding:2.5vh 5%;
     display:inline-block;
     border-radius:5px;
@@ -291,6 +287,7 @@ body{
     border:1px solid rgb(0, 0, 0, 0.08);
     box-shadow:0px 0px 0px rgb(0, 0, 0, 0);
     transition:0.4s ease-in-out;
+    margin:2vh 0px;
     transform:scale(1);
 }
 
@@ -338,6 +335,7 @@ body{
 }
 
 #blogs {
+    columns:2;
 }
 
 #blogs section {
@@ -400,21 +398,23 @@ body{
     #profile_img {
         width:120px;
         height:120px;
+        min-width:120px;
+        min-height:120px;
+        max-width:120px;
+        max-height:120px;
         margin:0px auto !important;
     }
     #work {
         margin:0px;
     }
     .projects {
-      margin-left: 0; /* remove neg margin to align w/ header */
-    }
-    .projects a {
-      width: 100%;
+        columns:1;
     }
     .projects section {
         width:88%;
     }
     #blogs {
+        columns:1;
     }
     #blogs section {
         width:98%;