diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..b9c41f3
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,71 @@
+@import url("https://fonts.googleapis.com/css2?family=DotGothic16&display=swap");
+:root {
+ --text-color: #9e5272;
+ --text-color-accent: #793a73;
+
+ --bg-color: #181a1b;
+ --bg-sec-color: #f0d8e3;
+
+ color: var(--text-color);
+}
+body {
+ margin: 0;
+ position: relative;
+ font-family: "DotGothic16", sans-serif;
+ font-weight: 400;
+ font-style: normal;
+ background-color: var(--bg-color);
+ background-image: url(/assets/images/bg-v1-dithered-3levels-colored-big-trans.png);
+ background-blend-mode: difference;
+ background-position: center;
+ background-repeat: repeat-y;
+ text-align: center;
+ font-size: 32px;
+}
+#content,
+#footer {
+ position: relative;
+ display: inline-block;
+ min-width: 720px;
+ max-width: 1280px;
+ width: 100vw;
+}
+
+#content {
+ min-height: calc(100vh - 256px);
+ padding: 128px 32px 32px 32px;
+ text-align: center;
+}
+#footer {
+ text-align: left;
+ margin-bottom: 64px;
+}
+a {
+ color: var(--text-color);
+ text-decoration: none;
+ font-size: 32px;
+}
+.entry-name {
+ margin-left: 16px;
+ margin-right: auto;
+}
+
+#leech {
+ image-rendering: pixelated;
+ transform-origin: center center;
+ height:256px;
+ width:auto;
+}
+.left-entry{
+ margin-right: auto;
+}
+.row {
+ display: flex;
+}
+#toggle-big-preview-link {
+ text-decoration-line: underline;
+ text-decoration-style: wavy;
+}
+.entry-icon{
+ image-rendering: pixelated;
+}
\ No newline at end of file
diff --git a/html/html.go b/html/html.go
index ffe3f15..2dfd04b 100644
--- a/html/html.go
+++ b/html/html.go
@@ -42,80 +42,14 @@ func FileListPage(req string, entries []Entry, big_preview_mode bool) string {
+
%s | leech.ontake.dev