edit: about section, description, and image

Author: dot4msc

css/index.css

@@ -1,3 +1,6 @@
+html {
+  background: linear-gradient(to bottom, #1e1e1e, #0f1114);
+}
 
 .hero {
   background-image: url("../img/WWISGAF_PAGE.png");
@@ -19,4 +22,42 @@
   box-sizing: border-box;
   vertical-align: middle;
   line-height: 1.2;
+}
+
+.about-header {
+  font-size: 3rem;
+}
+
+.about-main {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  margin: 30px auto;
+  margin-right: 20px;
+}
+
+.about-pic {
+  display: block;
+  margin: 0 auto;
+  grid-column: 1;
+  width: 50%;
+  align-self: center;
+  border-radius: 20px; /* space inside */
+  background: linear-gradient(to left, #7575f3, #e6faf0 , #f17474) border-box; /* border gradient */
+  border: 8px solid transparent;
+}
+
+.about-section {
+  grid-column: 2;
+  background-color: #181818;
+  border-radius: 20px;
+  border: solid 3px #E0E0E0;
+}
+
+.about-description, .about-header {
+  margin: 60px;
+}
+
+.about-description{
+  text-align: justify;
+  line-height: 1.5;
 }

img/WWISGAF_2.png

@@ -11,9 +11,12 @@
   <div class="hero">
     <h1 class="header">WHEN WILL I START <span style="color: #A93226">GIVING A F**K?</span></h1>
   </div>
-  <div class="about">
-    <h2 class="subtitle">About</h2>
-    <p class="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-main">
+    <img class="about-pic" src="./img/WWISGAF_2.png"/>
+    <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>
   </div>
   <div class="music">