add links section

styles.css

@@ -34,7 +34,7 @@ a {
     box-sizing: border-box;
   }
 
-.contacts {
+.contacts, .links {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -42,8 +42,7 @@ a {
   margin: auto;
   padding: 10px;
 }
-.contact {
-    width: 170px;
+.contact, .link {
     margin: 5px;
     padding: 15px;
     background-color: #232629;
@@ -53,10 +52,16 @@ a {
     position: relative;
     transition: opacity .25s;
 }
+.contact {
+    width: 170px;
+}
+.link {
+    width: 340px;
+}
 
   /* some hacky shit to make <div class=contact>s clickable. basically just makes
   an <a> in a <div class=contact> take up the full div */
-.contact a {
+.contact a, .links a {
   z-index: 10;
   width: 100%;
   height: 100%;
@@ -71,7 +76,7 @@ div.contact:hover {
 }
 
 @media screen and (max-width:900px) {
-  .contacts {
+  .contacts, .links {
     width: 580px;
   }
   :root {
@@ -79,7 +84,7 @@ div.contact:hover {
   }
 }
 @media screen and (max-width:700px) {
-  .contacts {
+  .contacts, .links {
     width: 380px;
   }
 }
@@ -89,7 +94,7 @@ div.contact:hover {
   }
 }
 @media screen and (max-width:390px) {
-  .contacts {
+  .contacts, .links {
     width: 200px;
   }
 }