summary refs log tree commit diff stats
path: root/lovely/style.css
diff options
context:
space:
mode:
authorAndrew Yu <andrew@andrewyu.org>2022-01-12 20:09:18 +0800
committerAndrew Yu <andrew@andrewyu.org>2022-01-12 20:09:18 +0800
commit8540e2aa8650d754b6a7ab6a5a7acc58d5e9aed4 (patch)
tree6af582c856e967e2dffb9050d970a9ee6bb4e965 /lovely/style.css
parent8b5702547ec16f729cf3181e7b613fafd990ad25 (diff)
downloadwww-8540e2aa8650d754b6a7ab6a5a7acc58d5e9aed4.tar.gz
size! don't spin!
Diffstat (limited to 'lovely/style.css')
-rw-r--r--lovely/style.css17
1 files changed, 11 insertions, 6 deletions
diff --git a/lovely/style.css b/lovely/style.css
index 0e480b8..6431b12 100644
--- a/lovely/style.css
+++ b/lovely/style.css
@@ -2,10 +2,14 @@
   font-family: "yess";
   src: url(https://github.com/Luking9/Creepy-fonts/raw/master/damagrafik_script/DamagrafikScript-Regular.ttf) format("truetype");
 }
+
+p:before, li:before {
+	content: "Happy April Fools!  I am so glad to meet you, dear peppa pig!  Hooray!  Please check out the libre society project when you're AVAIL for some serious stuff.  For now, enjoy some CSS.               ";
+}
 body {
 	background-color: black;
 	color: white;
-	font-family: "yess";
+	font-family: "yess" cursive fantasy serif monospace sans-serif;
 	margin: 3%;
 	line-height: 1.4;
 }
@@ -13,23 +17,21 @@ body {
 	padding: 2px;
 	animation-name: rotate;
 	animation-iteration-count: 1;
-	animation-duration: 15s;
+	animation-duration: 5s;
 	border: 2px dotted gray;
 	transition: all 25s;
 }
 p:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, li:hover {
 	perspective: 0px;
 	border: 2px dotted red;
+	font-size: 200%;
 	transition: all 5s;
-	transform: rotate(3840deg);
-	font-size: 150%;
 }
 p:active, h1:active, h2:active, h3:active, h4:active, h5:active, h6:active, li:active {
-	font-size: 180%;
+	font-size: 600%;
 	perspective: 0px;
 	border: 2px solid lime;
 	transition: all 5s;
-	transform: rotateY(45deg);
 }
 h1 {
 	text-align: center;
@@ -126,3 +128,6 @@ a:active {
    from {transform: rotate(0deg);} 
    to {transform: rotate(720deg);} 
 }
+@keyframes grow {
+    to { font-size: 1000%; }
+}