Added more buttons with flex

	new file:   images/discord-mark-white.svg
	modified:   index.css
	modified:   index.html

index.css

@@ -33,13 +33,24 @@ h1 {
     border-radius: 2vw;
     padding: 1vw;
 }
-#gitlink {
+.linkbutton {
     font-family: "Comfortaa", sans-serif;
     color:aqua;
     text-align: center;
     font-size: 2.5vw;
-    display: block;
-    margin: .4vw 34% 0;
-    padding:0.5vw;
+    margin: .4vw;
+    padding:.78vw;
+    display:block;
+    flex-grow: 1;
 } 
+.linkicon{
+    vertical-align: middle;
+    padding-left: 1vw;
+    width: 3vw;
+}
+.flex{
+    display:flex;
+    align-items: center;
+    justify-content: center;
+}
 /* styling this made me actually want to end it */

index.html

@@ -12,9 +12,17 @@ <h1>popd</h1>
         <div style="backdrop-filter: brightness(80%) blur(0.7px) saturate(125%);">
             <div style="margin: 10px; padding: 120px 20%;">
                 <P class="frostedglass" id="introtext">A WIP site made to learn more web development</P>
-                <a href="https://github.com/popdxo/popd.site" class="frostedglass" id="gitlink">GitHub
-                    <img src="images/github-mark-white.svg" style="vertical-align: middle; padding-left: 1vw; width: 3vw;">
-                <a>
+                <div class="flex">
+                    <a href="https://github.com/popdxo/popd.site" class="frostedglass linkbutton">GitHub
+                        <img src="images/github-mark-white.svg" class="linkicon">
+                    <a>
+                    <a href="https://github.com/popdxo/popd.site" class="frostedglass linkbutton">Discord
+                        <img src="images/discord-mark-white.svg" class="linkicon">
+                    <a>
+                    <a href="https://github.com/popdxo/popd.site" class="frostedglass linkbutton">Discord
+                        <img src="images/github-mark-white.svg" class="linkicon">
+                    <a>
+                </div>
             </div>
         </div>
     </div>