Edited some stuff

README.md

@@ -12,4 +12,8 @@ And you can compile it using:
 
 - `yarn build` or `npm build`
 
+Then run it using:
+
+- `yarn start` or `npm start`
+
 Pretty simple.

components/content.js

@@ -1,5 +1,13 @@
+import styles from "../styles/Content.module.css";
+import Image from "next/image";
+
 export default function Content() {
-    return <>
-        Content goes here
-    </>
+    return <div className={styles.Quote}>
+        <div className={styles.Block}>
+            Hello there!<br/>
+            I'm TheRed, a full-stack developer from Lithuania. I mostly specialize in frontend, however I'm able to do both frontend and backend.<br/>
+            I'm a supporter of open source software, however I do tolerate closed source if there is a valid reason for it.<br/>
+            I have a YouTube channel, as well as a Twitter. I have more than that though, it's below this quote. Do check them out!
+        </div><Image src="/mario.png" width={"291px"} height={"291px"} className={styles.Image}/>
+    </div>
 }

styles/Content.module.css

@@ -0,0 +1,37 @@
+.Quote {
+    margin-top: 30px;
+    padding: 10px;
+    padding-top:15px;
+    padding-left:20px;
+    background-color: #7664b1;
+    color: white;
+    font-size: 14pt;
+    font-family: 'Consolas';
+    -webkit-box-shadow: 0px 5px 0px 0px #61509c;
+    -moz-box-shadow: 0px 5px 0px 0px #61509c;
+    box-shadow: 0px 5px 0px 0px #61509c;
+
+    border: 0px white solid;
+    border-radius: 10px;
+    max-width:850px;
+    min-height:312px;
+}
+.Block {
+    max-width:500px;
+    padding: 25px;
+    background-color: #383055;
+
+    border: 0px white solid;
+    border-radius: 10px;
+    box-shadow: 0px 5px 0px 0px #61509c inset;
+    -webkit-box-shadow: 0px 5px 0px 0px #61509c inset;
+    -moz-box-shadow: 0px 5px 0px 0px #61509c inset;
+    float:left;
+    margin-right:20px;
+}
+
+.Image {
+    border: 0px white solid;
+    border-radius: 10px;
+    float:left;
+}