diff --git a/static/css/colors.css b/static/css/colors.css index ae97e23..2ab05f9 100644 --- a/static/css/colors.css +++ b/static/css/colors.css @@ -83,7 +83,7 @@ a:visited { } #content { - border: 0.5rem solid var(--content-border-color); + border: 0.7rem solid var(--content-border-color); } blockquote { diff --git a/static/css/layout.css b/static/css/layout.css index 341b36e..a0f1842 100644 --- a/static/css/layout.css +++ b/static/css/layout.css @@ -3,12 +3,12 @@ @layer baseline { :root { - --base-text-size: 1.75vh; + --base-text-size: 2vh; } body { padding: 0px; margin: 0px; - font-family: Georgia, serif; + font-family: "Atkinson Hyperlegible", Georgia, serif; -webkit-font-smoothing: antialiased; } @@ -30,10 +30,10 @@ a:hover { /*font sizes*/ h1 { - font-size:3vh; + font-size:3.5vh; } h2 { - font-size: 2.4vh; + font-size: 3vh; } p{ font-size: var(--base-text-size); @@ -167,7 +167,7 @@ p { /* we really want to make sure this doesn't stick around when colors load in regardless of when/how colors get loaded in*/ @layer pre-load{ #content { - border: 0.5rem solid white; + border: 0.7rem solid white; } } /* I mean why not? */ diff --git a/templates/default.html b/templates/default.html index 7f859ed..28a0618 100644 --- a/templates/default.html +++ b/templates/default.html @@ -6,13 +6,19 @@