set line height using calc

diff --git a/src/styles/style.css b/src/styles/style.css
index 289203c5baa2e6d9ae263c8430d22c6a042cdb0a..9b792fb5e1905a399195239184776f2ab2fd39ad 100644 (file)
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -6,7 +6,6 @@ html {
   font-kerning: normal;
   font-weight: 400;
   font-size: 100%;
-  line-height: 1.1rem;
 }
 body {
   max-width: 45rem;
@@ -14,6 +13,7 @@ body {
   margin-right: auto;
   padding: 0.5rem 1rem;
   font-size: 1rem;
+  line-height: 1.6;
 }
 h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
@@ -32,7 +32,7 @@ a:hover {
   text-decoration: underline;
 }
 dl, menu, ol, ul {
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
 }
 ul ul, ul ol, ul dl, ul menu,
 ol ul, ol ol, ol dl, ol menu,
@@ -45,7 +45,7 @@ img {
   height: auto;
 }
 dd {
-  margin-bottom: 0.2rem;
+  margin-bottom: 0.5rem;
   padding-left: 1.5rem;
 }
 blockquote {