diff --git a/assets/css/main.css b/assets/css/main.css
index c024d88..b5be5f0 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,27 +1,34 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap");
 body {
   background-color: black;
   color: white;
   background-image: url("/assets/images/NSW2-BG.jpg");
   background-repeat: no-repeat;
-  background-size: auto;
+  background-size: cover;
   text-align: center;
+  padding: 0;
+  margin: 0;
+  font-family: "Roboto", sans-serif;
+  font-style: italic;
 }
 
 .logo {
-  width: 85%;
+  width: 75%;
   height: 20%;
+  padding-top: 20px;
 }
 
 .subtext {
-  width: 90%;
+  width: 80%;
   height: 10%;
   padding-bottom: 50px;
   padding-top: 10px;
 }
 
 .webdate {
-  width: 80%;
+  width: 60%;
   height: 20%;
+  padding-bottom: 50px;
 }
 
 .note {
@@ -29,7 +36,47 @@ body {
   height: 20%;
 }
 
+li {
+  list-style: none;
+  display: inline-block;
+}
+
+.button {
+  padding-top: 5px;
+  padding-bottom: 5px;
+  width: 30%;
+  height: 10%;
+}
+
+.list {
+  font-size: 3vw;
+}
+
+.allages {
+  width: 50px;
+  height: 40px;
+  position: relative;
+  top: -60px;
+  left: 50%;
+}
+
+.ticket {
+  width: 75px;
+  height: 40px;
+  position: relative;
+  top: -60px;
+  left: 50%;
+}
+
+.time {
+  width: 50px;
+  height: 50px;
+  position: relative;
+  top: -60px;
+  left: 50%;
+}
+
 ::-webkit-scrollbar {
-  display: none;
+  display: inline-block;
 }
 /*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
index 47e6675..abd916c 100644
--- a/assets/css/main.css.map
+++ b/assets/css/main.css.map
@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "AAAA,AAAA,IAAI,CAAC;EACH,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,iCAAiC;EACnD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,IAAI;EACrB,UAAU,EAAE,MAAM;CACnB;;AAED,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AACD,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AAED,AAAA,mBAAmB,CAAC;EAClB,OAAO,EAAE,IAAI;CACd",
+    "mappings": "AAAA,OAAO,CAAC,4EAAI;AAEZ,AAAA,IAAI,CAAC;EACH,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,iCAAiC;EACnD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,KAAK;EACtB,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;EACT,WAAW,EAAE,oBAAoB;EACjC,UAAU,EAAE,MAAM;CACnB;;AAQD,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,cAAc,EAAE,IAAI;CACrB;;AACD,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AAED,AAAA,EAAE,CAAC;EACD,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,YAAY;CACtB;;AAED,AAAA,OAAO,CAAC;EACN,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,GAAG;EACnB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AAED,AAAA,KAAK,CAAC;EACJ,SAAS,EAAE,GAAG;CACf;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EA3CZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CA2CV;;AACD,AAAA,OAAO,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAhDZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CAgDV;;AAED,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAtDZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CAsDV;;AAED,AAAA,mBAAmB,CAAC;EAClB,OAAO,EAAE,YAAY;CACtB",
     "sources": [
         "main.scss"
     ],
diff --git a/assets/css/main.scss b/assets/css/main.scss
index ced846d..78bcdb4 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -1,31 +1,77 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap");
+
 body {
   background-color: black;
   color: white;
   background-image: url("/assets/images/NSW2-BG.jpg");
   background-repeat: no-repeat;
-  background-size: auto;
+  background-size: cover;
   text-align: center;
+  padding: 0;
+  margin: 0;
+  font-family: "Roboto", sans-serif;
+  font-style: italic;
+}
+
+@mixin above {
+  position: relative;
+  top: -60px;
+  left: 50%;
 }
 
 .logo {
-  width: 85%;
+  width: 75%;
   height: 20%;
+  padding-top: 20px;
 }
 .subtext {
-  width: 90%;
+  width: 80%;
   height: 10%;
   padding-bottom: 50px;
   padding-top: 10px;
 }
 .webdate {
-  width: 80%;
+  width: 60%;
   height: 20%;
+  padding-bottom: 50px;
 }
 .note {
   width: 80%;
   height: 20%;
 }
 
-::-webkit-scrollbar {
-  display: none;
+li {
+  list-style: none;
+  display: inline-block;
+}
+
+.button {
+  padding-top: 5px;
+  padding-bottom: 5px;
+  width: 30%;
+  height: 10%;
+}
+
+.list {
+  font-size: 3vw;
+}
+.allages {
+  width: 50px;
+  height: 40px;
+  @include above();
+}
+.ticket {
+  width: 75px;
+  height: 40px;
+  @include above();
+}
+
+.time {
+  width: 50px;
+  height: 50px;
+  @include above();
+}
+
+::-webkit-scrollbar {
+  display: inline-block;
 }
diff --git a/assets/images/NSW2-SUBTEXT.png b/assets/images/NSW2-SUBTEXT.png
index 1229a23..3808e8a 100644
Binary files a/assets/images/NSW2-SUBTEXT.png and b/assets/images/NSW2-SUBTEXT.png differ
diff --git a/index.html b/index.html
index 8e519b4..b910c8b 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
       <img
         class="logo"
         src="/assets/images/NSW2-LOGO.png"
-        alt="NONSTOPWORLD 2 LOGO"
+        alt="@ NonStopPup presents NONSTOPWORLD 2"
       />
       <img
         class="subtext"
@@ -25,10 +25,25 @@
         alt="JUNE 13-14 on nonstop.world"
       />
 
-      <ul>
-        <li><i class="group"></i> ALL AGES</li>
-        <li><i class="ticket"></i> FREE ADMISSION</li>
-        <li><i class="time"></i>6PM (EST)</li>
+      <ul class="list">
+        <li>
+          <img
+            class="allages"
+            src="/assets/images/NSW2-ICON-ALLAGES.png"
+            alt=""
+          />
+          <span id="allages">ALL AGES</span>
+        </li>
+        <li>
+          <img class="ticket" src="/assets/images/NSW2-ICON-FREETIX.png" />
+          <span id="ticket">FREE ADMISSION</span>
+        </li>
+        <li>
+          <img src="/assets/images/NSW2-ICON-TIME.png" class="time" /><span
+            id="time"
+            >6PM (EST)</span
+          >
+        </li>
       </ul>
 
       <img
@@ -40,16 +55,31 @@
 
       <ul>
         <li id="discord">
-          CLICK HERE TO JOIN THE
-          <span class="blurple">NONSTOPWORLD DISCORD</span>
+          <a href="#"
+            ><img
+              src="/assets/images/NSW2-BUTTON_DISCORD.png"
+              alt=""
+              class="button"
+          /></a>
         </li>
         <li id="vip">
-          CLICK HERE TO BUY A <span class="yellow">VIP TICKET</span><br /><span
-            class="charity"
-            >[$5+, ALL PROCEEDS DONATED TO DIRECT RELIEF COVID-19 CHARITY]</span
-          >
+          <a href="#">
+            <img
+              src="/assets/images/NSW2-BUTTON_VIP.png"
+              alt=""
+              class="button"
+            />
+          </a>
+        </li>
+        <li id="dealersden">
+          <a href="#">
+            <img
+              src="/assets/images/NSW2-BUTTON_DEALERSDEN.png"
+              alt=""
+              class="button"
+            />
+          </a>
         </li>
-        <li id="dealersden">CLICK HERE TO APPLY FOR THE DEALERS DEN</li>
       </ul>
     </div>
   </body>