X-Git-Url: https://git.bts.cx/cx.git/blobdiff_plain/af380ed734795855fb40fbb311c3a85d052d3a83..b767acc63bfe4ecd297d6961d8187532f0759d56:/public/design/css/style.css?ds=inline diff --git a/public/design/css/style.css b/public/design/css/style.css index 27e627b..1c70b7b 100644 --- a/public/design/css/style.css +++ b/public/design/css/style.css @@ -12,6 +12,7 @@ /* Layout */ body { + background: #fcfcfc; display: flex; flex-direction: column; min-height: 100vh; @@ -30,10 +31,6 @@ body > * { margin-right: auto; } -header { - margin-bottom: 8vh; -} - header h1 { font-size: 2em; } @@ -43,6 +40,15 @@ header h1 a { text-decoration: none; } +header p { + font-size: 0.8em; +} + +nav { + margin-top: 2vh; + margin-bottom: 4vh; +} + nav ul { list-style: none; display: flex; @@ -131,6 +137,11 @@ a { text-underline-offset: 0.08em; } +a:hover { + background-color: navy; + color: #fcfcfc; +} + a:focus { outline: 1px solid currentColor; outline-offset: 0.2em; @@ -142,7 +153,7 @@ article + article { padding-top: var(--layout-spacing); } -article img { +article img:not(a *) { display: block; width: 100%; aspect-ratio: 640 / 360;