diff --git a/public/bugbear-bear.png b/public/bugbear-bear.png new file mode 100644 index 0000000..d0f8468 Binary files /dev/null and b/public/bugbear-bear.png differ diff --git a/public/index.html b/public/index.html index ae1ea04..64927e5 100644 --- a/public/index.html +++ b/public/index.html @@ -21,14 +21,14 @@ src="/public/Bugbear.png" alt="Angry bear picture" /> -

Bugbears!

- -

Let off some steam!

-
- +

Bugbears

Let off some steam!

-

Pissed off with the world? Politics getting you down? Let it out, you'll feel better! +

Pissed off with the world? Politics getting you down? Let it out, you'll feel better!

+
+
+ +
Let off some steam!
+

See what bugs others

diff --git a/public/style.css b/public/style.css index 515c63b..bb9d0ac 100644 --- a/public/style.css +++ b/public/style.css @@ -2,13 +2,22 @@ font-family: "Playfair Display", serif; font-family: "Miriam Libre", sans-serif; text-align: center; - /* vertical-align: middle; */ - background-color: white; - color: black; + color: color: #233F52; +} + +.title-section { + display: flex + justify-content: center; + font-size: 2em; } h1 { - font-size: 100px; + color: #233F52; +} + +.section-header { + font-size: 1.75em; + color: #A3590B; } body { @@ -16,7 +25,7 @@ body { } .bear-pic { - width: 40vw; + width: 30vw; } .bugbear-form-section { @@ -24,6 +33,8 @@ body { flex-direction: row; flex-wrap: wrap; justify-content: center; + font-size: 1.5em; + color: #233F52; } .category { } @@ -53,8 +64,20 @@ li { } p { - text-align: left; + text-align: center; + font-size: 1.5rem; + color: #233F52; } button { + background-color: #f7b117; +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: 4px solid #ccc; + margin: 1em 0; + padding: 0; }