diff --git a/index.html b/index.html
index 15d7c29..dbfb673 100644
--- a/index.html
+++ b/index.html
@@ -1,142 +1,143 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-2JKY37CY96"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'G-2JKY37CY96');
-    </script>
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9200311124038960"
-    crossorigin="anonymous"></script>
-    <title>SANDTRIS</title>
-    <script src="hammer.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/p5.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/addons/p5.sound.min.js"></script>
-    <link rel="icon" type="image/x-icon" href="favicon.png">
-    <link rel="stylesheet" type="text/css" href="style.css">
-    <meta charset="utf-8" />
-
-  </head>
-  <body>
-    <main>
-    </main>
-    <script src="sketch.js"></script>
-    <center>
-      
-      <br/>
-      <h1>SANDTRIS</h1>
-      <div>
-
-        <dialog id = "aboutpage"  class="page" close>
-          <div class="box">
-            <br/>
-          <div class="logo is-animation">
-            <span>S</span>
-            <span>A</span>
-            <span>N</span>
-            <span>D</span>
-            <span>T</span>
-            <span>R</span>
-            <span>I</span>
-            <span>S</span>
-          </div>
-          <p>MADE BY <a href="https://francomiranda.com/" target="_blank">FRANCO MIRANDA</a> USING P5.JS</p>
-          
-          <p>INSPIRED BY SETRIS BY 
-            <a href="https://itch.io/profile/mslivo" target="_blank">MSLIVO</a></p>
-            <br/>
-          <u>CONTROLS</u>
-          <p>Move Block: Left/Right Arrows</p>
-          <p>Move Down Faster: Down Arrow</p>
-          <p>Spin Block: Up Arrow</p>
-          <p>Pause: P</p>
-          <br/>
-          <p>Connect the same color <br> across the screen to clear lines!</p>
-          <br/>
-          <p>NOT AFFILIATED WITH Tetris®</p>
-            <br/>
-            <button type="button" class="aboutbutton" onClick="toggleAbout()">X</button>
-        </div>
-        </dialog> 
-
-        <dialog id = "startpage" class="page" open>
-          <div class="box">
-            <br/>
-          Welcome to
-          <div class="logo is-animation">
-            <span>S</span>
-            <span>A</span>
-            <span>N</span>
-            <span>D</span>
-            <span>T</span>
-            <span>R</span>
-            <span>I</span>
-            <span>S</span>
-          </div>
-
-          <br/>
-          <button type="button" onClick="startGame()" >START</button>
-          <br/><br/>
-          <p id="levelText" style="margin:0px; padding:0px;">Level: </p>
-          <input type="range" min="1" max="10" value="1" class="slider" 
-              id="lvlSlider" onchange="adjustDifficulty(this.value)"/>
-          
-          <br/><br/>
-          MUS
-          <input style="width:80px" type="range" min="0" max="10" value="0.5" 
-          class="slider" id="mus1Slider" onchange="MUSvolume(this.value)"/>
-         
-          <br/>
-          SFX
-          
-          <input style="width:80px" type="range" min="0" max="10" value="0.5" 
-          class="slider" id="sfx1Slider" onchange="SFXvolume(this.value)"/>
-          <br/><br/>
-          <button type="button" class="aboutbutton" onClick="toggleAbout()">?</button>
-          </div>
-
-          
-        </dialog> 
-
-        <dialog id = "pausepage" class="page"  close>
-          <div class="box">
-            <br/>
-          PAUSED
-          <br/><br/>
-          <button type="button" onClick="unpauseGame()">RESUME</button>
-          <br/><br/>
-          <button type="button" class="smallbutton" onClick="newGame()">NEW GAME</button>
-          <br/><br/>
-          MUS
-          <input style="width:80px" type="range" min="0" max="10" value="1" 
-          class="slider" id="mus2Slider" onchange="MUSvolume(this.value)"/>
-          <br/>
-          SFX
-          <input style="width:80px" type="range" min="0" max="10" value="0.5" 
-          class="slider" id="sfx2Slider" onchange="SFXvolume(this.value)"/>
-          </div>
-        </dialog> 
-
-        <dialog id = "gameoverpage" class="page" close>
-          <div class="box">
-            <br/>
-          GAME OVER
-          <br/>
-          <p id="gameoverText"></p>
-          
-          
-          <button type="button" onClick="newGame()">NEW GAME</button>
-          <br/><br/>
-          <button type="button" class="sharebutton" onClick="shareText()">share</button>
-          </div>
-        </dialog> 
-
-        <div id="cnv"><div id="p5_loading">LOADING</div></div>
-      </div>
-    </center>
-  </body>
+   <head>
+      <title>SANDTRIS</title>
+      <script src="hammer.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/p5.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/addons/p5.sound.min.js"></script>
+      <link rel="icon" type="image/x-icon" href="favicon.png">
+      <link rel="stylesheet" type="text/css" href="style.css">
+      <meta charset="utf-8" />
+   </head>
+   <body>
+      <main>
+      </main>
+      <script src="sketch.js"></script>
+      <center>
+         <br/>
+         <h1>SANDTRIS</h1>
+         <dialog id = "aboutpage"  class="page" close>
+            <div class="box">
+               <br/>
+               <div class="logo is-animation">
+                  <span>S</span>
+                  <span>A</span>
+                  <span>N</span>
+                  <span>D</span>
+                  <span>T</span>
+                  <span>R</span>
+                  <span>I</span>
+                  <span>S</span>
+               </div>
+               <p>MADE BY <a href="https://francomiranda.com/" target="_blank">FRANCO MIRANDA</a> USING P5.JS</p>
+               <p>INSPIRED BY SETRIS BY 
+                  <a href="https://itch.io/profile/mslivo" target="_blank">MSLIVO</a>
+               </p>
+               <br/>
+               <u>CONTROLS</u>
+               <p>Move Block: Left/Right Arrows</p>
+               <p>Move Down Faster: Down Arrow</p>
+               <p>Spin Block: Up Arrow</p>
+               <p>Pause: P</p>
+               <br/>
+               <p>Connect the same color <br> across the screen to clear lines!</p>
+               <br/>
+               <p>NOT AFFILIATED WITH Tetris®</p>
+               <br/>
+               <button type="button" class="aboutbutton" onClick="toggleAbout()">X</button>
+            </div>
+         </dialog>
+         <dialog id = "startpage" class="page" open>
+            <div class="box">
+               <br/>
+               Welcome to
+               <div class="logo is-animation">
+                  <span>S</span>
+                  <span>A</span>
+                  <span>N</span>
+                  <span>D</span>
+                  <span>T</span>
+                  <span>R</span>
+                  <span>I</span>
+                  <span>S</span>
+               </div>
+               <br/>
+               <button type="button" onClick="startGame()" >START</button>
+               <br/><br/>
+               <p id="levelText" style="margin:0px; padding:0px;">Level: </p>
+               <input type="range" min="1" max="10" value="1" class="slider" 
+                  id="lvlSlider" onchange="adjustDifficulty(this.value)"/>
+               <br/><br/>
+               MUS
+               <input style="width:80px" type="range" min="0" max="10" value="0.5" 
+                  class="slider" id="mus1Slider" onchange="MUSvolume(this.value)"/>
+               <br/>
+               SFX
+               <input style="width:80px" type="range" min="0" max="10" value="0.5" 
+                  class="slider" id="sfx1Slider" onchange="SFXvolume(this.value)"/>
+               <br/><br/>
+               <button type="button" class="aboutbutton" onClick="toggleAbout()">?</button>
+            </div>
+         </dialog>
+         <dialog id = "pausepage" class="page"  close>
+            <div class="box">
+               <br/>
+               PAUSED
+               <br/><br/>
+               <button type="button" onClick="unpauseGame()">RESUME</button>
+               <br/><br/>
+               <button type="button" class="smallbutton" onClick="newGame()">NEW GAME</button>
+               <br/><br/>
+               MUS
+               <input style="width:80px" type="range" min="0" max="10" value="1" 
+                  class="slider" id="mus2Slider" onchange="MUSvolume(this.value)"/>
+               <br/>
+               SFX
+               <input style="width:80px" type="range" min="0" max="10" value="0.5" 
+                  class="slider" id="sfx2Slider" onchange="SFXvolume(this.value)"/>
+            </div>
+         </dialog>
+         <dialog id = "gameoverpage" class="page" close>
+            <div class="box">
+               <br/>
+               GAME OVER
+               <br/>
+               <p id="gameoverText"></p>
+               <button type="button" onClick="newGame()">NEW GAME</button>
+               <br/><br/>
+               <button type="button" class="sharebutton" onClick="shareText()">share</button>
+            </div>
+         </dialog>
+         <div id="main">
+            <div class="ads">
+               <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9200311124038960"
+                  crossorigin="anonymous"></script>
+               <!-- left sandtris ad -->
+               <ins class="adsbygoogle"
+                  style="width:200px;height:640px"
+                  data-ad-client="ca-pub-9200311124038960"
+                  data-ad-slot="1316725130"></ins>
+               <script>
+                  (adsbygoogle = window.adsbygoogle || []).push({});
+               </script>
+            </div>
+            <!-- sandtris canvas -->
+            <div id="cnv">
+               <div id="p5_loading">LOADING</div>
+            </div>
+            <div class="ads">
+               <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9200311124038960"
+                  crossorigin="anonymous"></script>
+               <!-- right sandtris ad -->
+               <ins class="adsbygoogle"
+                  style="width:200px;height:640px"
+                  data-ad-client="ca-pub-9200311124038960"
+                  data-ad-slot="4677385647"></ins>
+               <script>
+                  (adsbygoogle = window.adsbygoogle || []).push({});
+               </script>
+            </div>
+         </div>
+      </center>
+   </body>
 </html>
diff --git a/style.css b/style.css
index 0ef257d..28215f4 100644
--- a/style.css
+++ b/style.css
@@ -55,16 +55,32 @@ h1{
   text-shadow: 0px 4px rgb(73, 62, 46);
 }
 
-#cnv{
+#main{
   position: absolute;
-  background-color: var(--desert-brown);
-  width: 590px;
-  height: 640px;
-
+  z-index: 0;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-gap: 20px;
+  height:660px;
+  width: 1100px;
   top:50%;
   left:50%;
   transform: translate(-50%,-50%);
-  z-index: 0;
+  
+}
+
+.ads{
+  width: 200px;
+  height: 640px;
+
+  padding: 10px;
+}
+
+#cnv{
+  
+  background-color: var(--desert-brown);
+  width: 590px;
+  height: 640px;
 
   padding: 10px;
   box-shadow: 0px 16px var(--desert-browndark);
