diff --git a/css/style.css b/css/style.css index 3cdfe00..a137da9 100644 --- a/css/style.css +++ b/css/style.css @@ -1,6 +1,6 @@ html { color: #323a42; - background-color: #fffcf7; + background-color: #efe5d7; font-family: 'Palatino Linotype', Lora, serif; max-width: 70ch; margin: 1em auto; @@ -9,6 +9,9 @@ html { height: calc(100vh - 2em); position: relative; } +*::selection { + background: #ebdcc97f; +} body { margin: 0; margin-left: 1rem; @@ -24,6 +27,7 @@ a { color: #323a42; text-decoration: underline; position: relative; + /* change this */ left: -0.25em; padding: 0.25em; border-radius: 2px; @@ -38,6 +42,64 @@ a:focus-visible { a#back { font-size: 0.85em; } +.socials p { + font-size: 16px; + margin: 0 0 0.5em 22px; +} +.socials .social-link { + display: flex; + align-items: flex-end; + line-height: 1; + margin-right: -1em; +} +.socials .social-link a { + display: inline-block; + width: fit-content; + margin-bottom: 0.25em; + text-decoration: none; +} +.socials .social-link a::before { + content: '⇒ '; +} +.socials .line { + display: inline-block; + background-color: #323a42; + height: 2px; + flex-grow: 2; + position: relative; + bottom: 12px; +} +.line.stop-0 { + background-color: #984624; +} +.line.stop-1 { + background-color: #ad5f1e; +} +.line.stop-2 { + background-color: #c59506; +} +.line.stop-3 { + background-color: #c8b500; +} +.line.stop-4 { + background-color: #8ea530; +} +.line.stop-5 { + background-color: #4b7b52; +} +.line.stop-6 { + background-color: #426153; +} +.socials p a { + padding: 0 2px; + margin: 0 -2px; + /* change this */ + left: 0; + text-decoration: underline; +} +.socials p a:before { + content: initial; +} h1 { font-size: 2em; margin-top: 0.5em; @@ -48,6 +110,7 @@ h1 { } footer { margin-right: 1em; + margin-top: 1em; } footer img { display: block; @@ -55,4 +118,5 @@ footer img { margin: 0 auto; max-width: 100%; max-height: 160px; + user-select: none; } diff --git a/img/desktop_gomes.webp b/img/desktop_gomes.webp index 3c06dfa..7084d43 100644 Binary files a/img/desktop_gomes.webp and b/img/desktop_gomes.webp differ diff --git a/img/hole_gome.webp b/img/hole_gome.webp index e6bfc58..21dfe77 100644 Binary files a/img/hole_gome.webp and b/img/hole_gome.webp differ diff --git a/img/mobile_gome.webp b/img/mobile_gome.webp index 9eb385d..66c29bc 100644 Binary files a/img/mobile_gome.webp and b/img/mobile_gome.webp differ diff --git a/img/mushrooms_1.webp b/img/mushrooms_1.webp index 12734f6..af14aa7 100644 Binary files a/img/mushrooms_1.webp and b/img/mushrooms_1.webp differ diff --git a/img/mushrooms_2.webp b/img/mushrooms_2.webp index e7d9aee..ad3d418 100644 Binary files a/img/mushrooms_2.webp and b/img/mushrooms_2.webp differ diff --git a/img/tablet_gomes.webp b/img/tablet_gomes.webp index c82dddc..f5c455d 100644 Binary files a/img/tablet_gomes.webp and b/img/tablet_gomes.webp differ diff --git a/index.html b/index.html index 4c0caf1..00c068f 100644 --- a/index.html +++ b/index.html @@ -3,16 +3,17 @@ gomepage - - + + - + +