Changed spacing on form elements to be a tad smaller. It was just too big for my liking, and I feel this way is a lot easier.

Added cursor back on button - it was just an arrow.
Added parent-selector to the notifications, and corrected readbility of notifications.
updated the version within the css files
made rows only show up on css files where classes are enabled
made the tooltips have a dark background - even for dark themes.

docs/index.html

@@ -24,9 +24,8 @@
 	<link rel="manifest" href="manifest.json">
 
 	<!-- Pico.css -->
-	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.1/css/pico.min.css" />
-	<!--<link rel="stylesheet" href="/css/pico.min.css" />-->
-	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.1/css/pico.colors.min.css" />
+	<link rel="stylesheet" href="pico.min.css" />
+	<link rel="stylesheet" href="pico.colors.min.css" />
 	<style>
 		:root {
 			--pico-logo-wordmark: #fff;
@@ -301,7 +300,7 @@
 					<section>
 						<h2>Many news!</h2>
 						<p>This is fantastic!</p>
-						<button onclick='closeNotification()'>OK</button>
+						<button class='contrast' onclick='closeNotification()'>OK</button>
 					</section>
 				`, delay: 60 * 1000 })">
 					Big Notificaton
@@ -450,4 +449,4 @@ document.addEventListener("DOMContentLoaded", () => {
 });
 </script>
 	</body>
-</html>
+</html>