some structure

07/index.html

@@ -7,8 +7,8 @@
     <script src="iris.js"></script>
   </head>
   <header>
-    <h1>Start up, Burn out: Life Hacks</h1>
+    <h1>Start up, Burn out:<br /> Life Hacks</h1>
-    <div id="oneliner">IRIS</div>
+    <h2 id="oneliner">IRIS</h2>
   </header>
   <main>
     <p>(◕‿◕) Take your time to reflect on this: Are you doing what you truly want to do? (◕‿◕)      ị̞͍s̯̩̠ ̴̩͉̫̗͇ț̠ͅh̪̼̟̪̕i͠s͎̝̩̯̩̠ ̗̘̰̟̩͕p̻̘͙͓á̩̭r̳͚͕̘͖ṯ̤̼͔͖ͅ ̜̱o̯̩̦̗̮̖̣f ̺͝y̥͡o̧̺͚͉̠͙̗ͅu̧̜͖̥r̸̘ ̹̤͙̳j̴̙̗o̵̼̲͉͖̮b̥͖͘ ͕͓ḏ̷̩e̫s͖̭͕̙̱͉ć̖͉̯̙̫̪r̶̠i̖p̨̜t̨̼͓ͅi͖͈͇͙͞o͏̹̠̬̻n͍̩͇̱͞?       (◕‿◕)  If happiness is a currency, how rich do you think you are?  (◕‿◕)        ♪♬ ғɪx ᴡᴏʙʙʟʏ ᴏғғɪᴄᴇ ғᴜʀɴɪᴛᴜʀᴇ ʙʏ ᴜsɪɴɢ ᴏʟᴅ ᴄᴅs ᴛᴏ ᴀᴠᴏɪᴅ ᴡᴏʙʙʟᴇs ᴀɴᴅ ᴘʀᴏᴛᴇᴄᴛ ᴛʜᴇ ᴄᴀʀᴘᴇᴛ. ᴛʜᴇʏ ᴀʟsᴏ ᴍᴀᴋᴇ ɢʀᴇᴀᴛ ᴄᴏᴀsᴛᴇʀs. ♪♬</p>

07/style.css

@@ -1,3 +1,25 @@
+html {
+  font-size: 16px;
+
+  @media (max-width: 1000px) {
+    font-size: calc(12px + .4vw);
+  }
+}
+
 body {
   text-align: center;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+h1 {
+  font-size: 4rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+body {
+  font-size: 1rem;
 }