diff --git a/static/css/layout.css b/static/css/layout.css
index 7467c46..8f17c61 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -10,11 +10,11 @@ dt{
:root {
--base-text-size: 1.1rem;
+ font-size: 18px;
}
body {
padding: 0px;
margin: 0px;
- font-size: 1.75rem;
font-family: "Atkinson Hyperlegible", sans-serif;
-webkit-font-smoothing: antialiased;
@@ -88,25 +88,6 @@ dt {
/*needed to fix the outline vanishing due to overflow hidden*/
padding: 2px;
}
-/*font sizes*/
-h1 {
- font-size:1.2em;
-}
-h2 {
- font-size: 0.9em;
-}
-h3 {
- font-size: 0.8em;
-}
-h4 {
- font-size: 0.65em;
-}
-h5 {
- font-size: 0.6em;
-}
-ul, ol {
- font-size: calc(2em/3);
-}
h1, h2, h3, h4, h5, h6 {
font-family: "Courier Prime", Georgia, serif;
@@ -114,22 +95,22 @@ h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
p{
- font-size: var(--base-text-size);
+ text-wrap: pretty;
}
a {
- font-size: var(--base-text-size);
+ font-size: inherit;
}
pre {
- font-size: var(--base-text-size);
+ font-size: inherit;
}
time {
- font-size: var(--base-text-size);
+ font-size: inherit;
}
.sourceCode {
- font-size: var(--base-text-size);
+ font-size: inherit;
}
.info {
- font-size: var(--base-text-size);
+ font-size: inherit;
}
@@ -153,7 +134,8 @@ header#header {
/*https://ux.stackexchange.com/a/34148*/
/*https://pearsonified.com/golden-ratio-typography-intro/*/
/*https://grtcalculator.com/*/
- max-width: 55ch;
+ /*or maybe not, https://en.wikipedia.org/wiki/Line_length#Electronic_text*/
+ max-width: 66ch;
border-radius: 0.5rem;
diff --git a/templates/default.html b/templates/default.html
index ccf7cf7..ac4aa2c 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -4,7 +4,7 @@
-
+
{{{title}}} ยท Pagwin's website