added: social icons

Author: dot4msc

css/index.css

@@ -61,6 +61,26 @@ html {
   text-align: justify;
   line-height: 1.5;
 }
+.about-socials {
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+.social-icon {
+  transition: transform 0.3s;
+  margin: 0 15px;
+}
+#instagram-icon {
+  width: 12.5%;
+  margin-bottom: 25px;
+}
+#tiktok-icon {
+  width: 12.5%;
+  margin-bottom: 20px;
+}
+#x-icon {
+  width: 20%;
+}
 
 @media only screen and (max-width: 768px) {
   .hero {

img/IG_ICON.png

@@ -17,7 +17,15 @@ <h1 class="header">WHEN WILL I START <span style="color: #A93226">GIVING A F**K?
     <div class="about-section">
       <h2 class="about-header">About</h2>
       <p class="about-description">Honestly, I just care about making music, videogames, and building my studio. I come from Bolivia, but I know you don't care about that to be honest. I just like to make Progressive House with a bit of Pop. Hope you listen to my <a href="https://www.soundcloud.com/dot4music">Soundcloud</a> and that you actually enjoy it.</p>
+      <div class="about-socials">
+        <a href="https://www.instagram.com/dot4music"><img id="instagram-icon"class="social-icon" src="./img/IG_ICON.png"/></a>
+        <a href="https://www.x.com/dot4music"><img id="x-icon" class="social-icon" src="./img/X_ICON.png"/></a>
+        <a href="https://www.tiktok.com/@dot4musiic"><img id="tiktok-icon" class="social-icon" src="./img/TIKTOK_ICON.png"/></a>
+      </div>
     </div>
+  </div>
+  <div class="blog">
+
   </div>
   <div class="music">