diff --git a/README.md b/README.md
index a62edde..75d5683 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
- crystal-gauntlet
+ crystal-gauntlet
diff --git a/docs/crystal-gauntlet-icon.png b/public/favicon.png
similarity index 100%
rename from docs/crystal-gauntlet-icon.png
rename to public/favicon.png
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..b8af831
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,45 @@
+:root {
+ font-size: 16px;
+ line-height: 1;
+ font-weight: 400;
+
+ color-scheme: light dark;
+
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-text-size-adjust: 100%;
+
+ background-color: #fff;
+ color: #111;
+
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
+ --accent-color: rgb(243, 159, 215);
+ --accent-color-bri: rgb(241, 181, 221);
+ accent-color: var(--accent-color);
+}
+
+::selection {
+ background-color: var(--accent-color);
+ color: #000;
+}
+
+body {
+ margin: 2rem;
+}
+
+a {
+ color: var(--accent-color);
+ transition: 0.2s color;
+}
+a:hover {
+ color: var(--accent-color-bri);
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ background-color: #111;
+ color: #fff;
+ }
+}
\ No newline at end of file
diff --git a/template/song_upload.ecr b/public/template/song_upload.ecr
similarity index 55%
rename from template/song_upload.ecr
rename to public/template/song_upload.ecr
index bb76c36..1acfd96 100644
--- a/template/song_upload.ecr
+++ b/public/template/song_upload.ecr
@@ -1,13 +1,17 @@
-
+
+
+
+
+
Song Uploader
<%- if error -%>
Error while uploading: <%= error %>
<%- elsif song_id -%>
- Uploaded successfully! Song ID: <%= song_id %>
+ Uploaded successfully! Song ID: <%= song_id %>
<%- end -%>