Add more details to projects and work

CSS are updated to avoid page breaking.  Future updates that break the
page might consider separate projects or work section to the second page

1 files changed, 17 insertions, 4 deletions

diff --git a/style.css b/style.css
index fac3bc4..0d5c6f8 100644
--- a/style.css
+++ b/style.css
@@ -10,6 +10,10 @@
 		a { color: gold; }
 	}
 }
+
+a:hover {
+	text-decoration-style: wavy;
+}
 main {
 	margin: 0 auto;
 }
@@ -24,7 +28,6 @@ main {
 }
 
 .container #right {
-	margin-left: 1em;
 	grid-column: 2;
 }
 @media screen and (max-width: 900px) {
@@ -60,21 +63,31 @@ dd {
 	margin-left: 1.5rem;
 }
 
-#skills dd {
+li p {
+	margin: 0.2rem;
+}
+
+.skills dd {
 	display: inline-block;
 	border-bottom: 1px dashed gray;
 }
 
 @media screen {
-	main { max-width: 90em }
+	main { max-width: 70em }
+	.container #left {
+		max-width: 21em;
+	}
 }
 
 @media print {
 	nav, footer { display: none }
+	dl, p, li {
+		font-size: 0.9em;
+	}
 	a:not(.no-print)::after { content: " (" attr(href) ")"; }
+	.verbatim-print { font-family: monospace; }
 	a::after {
 		font-family: monospace;
-		font-size: 0.9rem;
 		color: initial;
 	}
 	a {