diff --git a/src/assets/css/main.css b/src/assets/css/main.css index d652266..2194170 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -8,6 +8,12 @@ outline-offset: 4px; } +/* Headers */ + +h1, h2, h3, h4, h5 { + scroll-margin-top: 0.5em; +} + /* Links */ a { @@ -92,10 +98,33 @@ ul { } } +/* Stripes */ + +.stripesContainer { + box-sizing: content-box; + max-width: 45rem; + padding: 5% 5% 0; +} + +.stripes { + height: 8vh; + background-image: linear-gradient( + 135deg, + currentColor 33.33%, + transparent 33.33%, + transparent 50%, + currentColor 50%, + currentColor 83.33%, + transparent 83.33%, + transparent 100%); + background-size: 30.00px 30.00px; +} + /* Layout */ html, body { scroll-behavior: smooth; + background-color: #fff; } body > header, @@ -130,31 +159,3 @@ body > header li:last-child::after { body > footer { color: hsl(0, 0%, 0%, 0.6); } - -/* Stripes */ - -.stripesContainer { - box-sizing: content-box; - max-width: 45rem; - padding: 5% 5% 0; -} - -.stripes { - height: 8vh; - background-image: linear-gradient( - 135deg, - currentColor 33.33%, - transparent 33.33%, - transparent 50%, - currentColor 50%, - currentColor 83.33%, - transparent 83.33%, - transparent 100%); - background-size: 30.00px 30.00px; -} - -/* Headers */ - -h1, h2, h3, h4, h5 { - scroll-margin-top: 0.5em; -}