image and button components

2 files changed, 41 insertions, 0 deletions

diff --git a/styles/button.css b/styles/button.css
new file mode 100644
index 0000000..ff5ecec
--- /dev/null
+++ b/styles/button.css
@@ -0,0 +1,25 @@
+.button {
+	background-color: var(--fire-opal);
+	color: var(--fg) !important;
+
+	padding: 12px;
+	min-width: 200px;
+	text-align: center;
+	width: min-content;
+
+	display: block !important;
+	margin: 0 auto var(--page-margins) auto;
+
+	font-size: 1rem;
+	font-family: "Inter", sans-serif;
+	font-weight: 600;
+	
+	border-radius: 8px;
+	border: 0;
+
+	cursor: pointer;
+}
+
+a.button { min-width: calc(200px - 2 * 12px); }
+a.button::after { display: none; }
+
diff --git a/styles/image.css b/styles/image.css
new file mode 100644
index 0000000..d354ab9
--- /dev/null
+++ b/styles/image.css
@@ -0,0 +1,16 @@
+.image,
+.image img {
+	width: 100%;
+	max-width: 500px;
+}
+
+.image {
+	margin: 0 auto var(--page-margins) auto;
+}
+
+.image p {
+	text-align: left;
+	opacity: .8;
+	font-style: italic;
+	margin-top: 12px;
+}