Fix layout issues with ad

index.html

@@ -4,6 +4,7 @@
 		<meta charset="utf-8">
 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="referrer" content="no-referrer-when-downgrade">
 		<meta name="description" content="Easily create a timer or stopwatch as a popup on your screen, directly from within your browser for free. Configure countdown time, alarm settings and more.">
 		<title>Popup Timer - Create timers and stopwatches online</title>
 		<!-- FontAwesome -->
@@ -93,6 +94,29 @@
 				</p>
 			</div>
 		</details>
+
+		<!-- $$$ -->
+		<p id="ad-desc" class="desc">Advertisement</p>
+		<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>
+
+		<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>
+		</footer>
 	</body>
 </html>
 

style.css

@@ -162,4 +162,30 @@ input[type=checkbox] {
 	color: #757575;
 	font-size: 12px;
 }
+#ad-desc {
+	margin-top: 80px;
+}
+#ad-container {
+	position: relative;
+	height: 250px;
+}
+#ad-placeholder {
+	position: absolute;
+	inset: 0;
+	width: 300px;
+	height: 250px;
+	margin: auto;
+	z-index: -1;
+	background-color: #EEE;
+}
+footer {
+	position: fixed;
+	bottom: 8px;
+	left: 0;
+	right: 0;
+	z-index: -2;
+}
+a {
+	color: #43A047;
+}