diff --git a/index.html b/index.html
index 14831a0..4b085e1 100644
--- a/index.html
+++ b/index.html
@@ -97,20 +97,22 @@
 
 		<!-- $$$ -->
 		<p id="ad-desc" class="desc">Advertisement</p>
-		<script>
-			(function(lpnuh){
-			var d = document,
-				s = d.createElement('script'),
-				l = d.scripts[d.scripts.length - 1];
-			s.settings = lpnuh || {};
-			s.src = "\/\/handsome-storm.com\/bLX-Vjs.dSGil\/0xY\/W\/cJ\/YePmY9suLZWU\/lJkCPlTHYs2sMWTTQB4oNgTWMRt-NcjUY\/xwNODTgH1pN\/Ae";
-			s.async = true;
-			s.referrerPolicy = 'no-referrer-when-downgrade';
-			l.parentNode.insertBefore(s, l);
-			})({})
-		</script>
+		<div id="ad-container">
+			<script>
+				(function(lpnuh){
+				var d = document,
+					s = d.createElement('script'),
+					l = d.scripts[d.scripts.length - 1];
+				s.settings = lpnuh || {};
+				s.src = "\/\/handsome-storm.com\/bLX-Vjs.dSGil\/0xY\/W\/cJ\/YePmY9suLZWU\/lJkCPlTHYs2sMWTTQB4oNgTWMRt-NcjUY\/xwNODTgH1pN\/Ae";
+				s.async = true;
+				s.referrerPolicy = 'no-referrer-when-downgrade';
+				l.parentNode.insertBefore(s, l);
+				})({})
+			</script>
 
-		<div id="ad-placeholder"></div>
+			<div id="ad-placeholder"></div>
+		</div>
 
 		<footer>
 			<p class="desc">Have feedback? Send it <a href="mailto:?to=Reimar%20<%6D%61%69%6C%40%72%65%69%6D%2E%61%72>&subject=Popup%20Timer%20Feedback">here</a></p>
diff --git a/style.css b/style.css
index ab5ebfa..30ff433 100644
--- a/style.css
+++ b/style.css
@@ -165,9 +165,13 @@ input[type=checkbox] {
 #ad-desc {
 	margin-top: 80px;
 }
-iframe ~ #ad-placeholder {
+#ad-container {
 	position: relative;
-	bottom: 252px;
+	height: 250px;
+}
+#ad-placeholder {
+	position: absolute;
+	inset: 0;
 	width: 300px;
 	height: 250px;
 	margin: auto;
@@ -179,6 +183,7 @@ footer {
 	bottom: 8px;
 	left: 0;
 	right: 0;
+	z-index: -2;
 }
 a {
 	color: #43A047;