diff --git a/src/routes/config.tsx b/src/routes/config.tsx
index 95ffb6b..de20950 100644
--- a/src/routes/config.tsx
+++ b/src/routes/config.tsx
@@ -1,85 +1,57 @@
-function config() {
- return (
- <>
-
Configure li'l Judd
+import "../styles/pages/config.scss";
-
+function config() {
+ return (
-
-
+
Configure li'l Judd in
+
+
+
+
+
li'l Judds home base
+
+
+
+
+ Timezone
+ Set the timezone for your server.
+
+
+
+
+
Features
+
Configure the features of the bot
+
+
+
+
Time Planning
+
+
+
+
+
Enable pingable Roles
+
+
+
+
+
+
-
- Timezone
- Set the timezone for your server.
-
-
-
-
-
- >
- );
+ );
}
export default config;
diff --git a/src/styles/pages/config.scss b/src/styles/pages/config.scss
new file mode 100644
index 0000000..0b03502
--- /dev/null
+++ b/src/styles/pages/config.scss
@@ -0,0 +1,38 @@
+.guildpfp {
+ width: 50px;
+ height: 50px;
+ border-radius: 100%;
+}
+
+.horizontal {
+ display: flex;
+ flex-direction: row;
+ h1 {
+ margin-left: 10px;
+ }
+ p, h3, h4 {
+ margin-right: 10px;
+ }
+}
+
+.marg_right_5px {
+ margin-right: 10px;
+}
+
+.centered {
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+}
+
+.config {
+ article {
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ padding: 1rem;
+ max-width: 1100px;
+ margin: 1rem auto;
+ width: 100%;
+
+ }
+}