diff --git a/src/components/blogCard.astro b/src/components/blogCard.astro index 2861629..8da2ade 100644 --- a/src/components/blogCard.astro +++ b/src/components/blogCard.astro @@ -37,7 +37,7 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date) visibility: visible; height: 1.5rem; width: 1.5rem; - border-radius: 50%; + border-radius: 40%; background-color: var(--c-darkpurple); transition: transform var(--speed) var(--ease); } @@ -96,6 +96,7 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date) text-align: center; transition: transform var(--speed) var(--ease); min-height: 100%; + border-radius: 1.25rem; } a:hover > article { transform: scaleY(102.5%) scaleX(101%); diff --git a/src/layouts/blogSection.astro b/src/layouts/blogSection.astro index f70a8c4..9855446 100644 --- a/src/layouts/blogSection.astro +++ b/src/layouts/blogSection.astro @@ -46,6 +46,9 @@ const { title } = Astro.props z-index: -1; } h1 { + font-size: 40px; + line-height: 48px; + letter-spacing: -1px; color: white; font-size: 2.25rem; margin-top: 1rem; @@ -55,6 +58,9 @@ const { title } = Astro.props padding: 0.25rem 0.75rem; max-width: max-content; background-color: var(--c-darkgray); + padding: 0.25rem 1.5rem; + border-radius: 0.5rem; + padding-bottom: 0.5rem; } .wrapper { margin: 2rem 3rem 0.5rem 3rem; @@ -80,12 +86,12 @@ const { title } = Astro.props } @media (min-width: 1500px) { .wrapper { - margin-left: 15rem; - margin-right: 15rem; + margin-left: 20rem; + margin-right: 20rem; } h1 { - margin-left: 15rem; - margin-right: 15rem; + margin-left: 20rem; + margin-right: 20rem; } } diff --git a/src/layouts/taSection.astro b/src/layouts/taSection.astro index 317e43c..2a53600 100644 --- a/src/layouts/taSection.astro +++ b/src/layouts/taSection.astro @@ -33,6 +33,9 @@ if (abovetext === undefined) { padding: 1em; } h1 { + font-size: 40px; + line-height: 48px; + letter-spacing: -1px; color: white; margin-top: 2rem; margin-bottom: 0;