diff --git a/assets/styles/home.css b/assets/styles/home.css index faf3734..5a20cd5 100644 --- a/assets/styles/home.css +++ b/assets/styles/home.css @@ -50,9 +50,9 @@ "title blurb" "title nav"; padding-inline: 1em; - width: min-content; + margin-inline: 2rem; + max-width: 40rem; } - @media (max-width: 599px) { main header { gap: 1rem 0; @@ -80,13 +80,16 @@ nav { align-items: baseline; - align-self: center; + justify-self: center; display: flex; - font-size: inherit; + font-size: 90%; list-style: none; text-transform: lowercase; } + nav > li::before { + } + p { margin: 0; line-height: var(--line-height); @@ -113,7 +116,6 @@ h1 { animation: left-fade-in var(--transition-duration) ease-in-out; } - @media (max-width: 599px) { h1 { animation: top-fade-in var(--transition-duration) ease-in-out; @@ -124,9 +126,7 @@ nav { animation: right-fade-in var(--transition-duration) ease-in-out; } - @media (max-width: 599px) { - #content>p, nav { animation: bottom-fade-in var(--transition-duration) ease-in-out;