style: Email like line-length

1 files changed, 15 insertions, 1 deletions

diff --git a/src/style/style.css b/src/style/style.css
index ced8573..f011167 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -11,18 +11,21 @@
 
 html {
 	margin: 2em auto 2em auto;
-	max-width: 80ch;
+	max-width: 72ch;
 }
 
 header {
 	margin-bottom: 2em;
 }
+
 header ul {
 	padding-left: 0;
 }
+
 header ul li {
 	display: inline-block;
 }
+
 header ul li:last-child {
 	float: right;
 }
@@ -30,6 +33,7 @@ header ul li:last-child {
 a, a:hover, a:visited {
 	color: blue;
 }
+
 a:hover {
 	background-color: #eeeeee;
 }
@@ -37,11 +41,13 @@ a:hover {
 ul.index {
 	padding-inline-start: 0;
 }
+
 ul.index li {
 	margin: .4em 0 .4em 0;
 	display: block;
 	background-color: #eeeeee;
 }
+
 ul.index li span {
 	display: block;
 }
@@ -55,11 +61,13 @@ table {
 	font-size: .8em;
 	overflow: auto;
 }
+
 table th, table td {
 	padding: .4em 1em .4em 1em;
 	margin: 0;
 	overflow: hidden;
 }
+
 table tr:hover {
 	background-color: #eeeeee;
 }
@@ -82,10 +90,12 @@ blockquote {
 	margin-inline-end: 0;
 	margin-inline-start: 20%;
 }
+
 blockquote * {
 	background-color: yellow;
 	font-style: italic;
 }
+
 blockquote p {
 	margin-block-start: 0;
 	margin-block-end: 0;
@@ -100,6 +110,10 @@ footer blockquote {
 }
 
 @media only screen and (max-width: 100ch) {
+	* {
+		text-align: left;
+	}
+
 	body {
 		width: 90%;
 	}