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!
-
-
-
+
+
+
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;
}