Added basic bio

index.html

@@ -21,6 +21,12 @@
             <article id="tab-home" default>
                 <h1 id="helloText"><noscript>Hewwo!</noscript></h1>
                 <h2><span id="imaText"><noscript>I'm a <span class="textHighlight">dumbass</span></noscript></span>.</h2>
+                <div class="mainContent">
+                    <img src="/fag.png">
+                    <div>
+                        <h3>Hi there! I'm <b>Brosef</b>, as you can see by the <i>very fancy</i> changing text about this, I'm interested in a lot of things!</h3>
+                    </div>
+                </div>
             </article>
 
             <article id="tab-pics">

styles.css

@@ -87,6 +87,28 @@ footer > div > * {
 
 
 
+.mainContent {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 10px;
+    justify-content: center;
+    gap: 10px;
+}
+
+.mainContent > img {
+    max-height: 75vh;
+    max-width: 100%;
+}
+
+.mainContent > div {
+    flex: 1 1 auto;
+    min-width: 25em;
+    width: min-content;
+    text-align: left;
+}
+
+
+
 #tab-pics {
     display: flex;
     flex-wrap: wrap;