From 56ff63a455d36f0cae3a08e508675fd607e6ca4b Mon Sep 17 00:00:00 2001 From: Tolmachev Igor Date: Sun, 28 Sep 2025 19:54:06 +0300 Subject: Improve project page --- style.css | 40 ++++++++++++++++++++++++++-------------- 1 file changed, 26 insertions(+), 14 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 5223923..70e92e2 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,5 @@ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap"); +@import "https://www.nerdfonts.com/assets/css/webfont.css"; @media (prefers-color-scheme: light) { :root { @@ -65,23 +66,28 @@ nav > * { } nav > .current { - background-color: var(--color-primary); - color: var(--color-on-primary); + outline: 0.1rem solid var(--color-primary); } -main { +main, +section, +footer { background-color: var(--color-surface-container); border-radius: 2rem; - margin: 1rem 0 5rem 0; + margin: 1rem 0; padding: 1.5rem; } -main > *:first-child { +main > :first-child, +section > :first-child, +footer > :first-child { margin-top: 0; } -main > *:last-child { +main > :last-child, +section > :last-child, +footer > :last-child { margin-bottom: 0; } @@ -96,16 +102,22 @@ a, } ul { - padding-left: 1.5rem; + list-style: none; + padding-left: 0; } -input { - background: none; - color: var(--color-primary); - border: none; +.links { + display: flex; + gap: 1rem; +} - width: 10rem; +.links > a { + flex: 1; + + text-align: center; + margin-top: 1rem; + padding: 0.25rem; - border-bottom: 0.01rem solid var(--color-primary); - font-size: 1rem; + border: 0.1rem solid var(--color-primary); + border-radius: 1rem; } -- cgit v1.2.3