diff --git a/.env b/.env
index e69de29..9bb838e 100644
--- a/.env
+++ b/.env
@@ -0,0 +1,13 @@
+APP_ENV=dev
+APP_SECRET=1b2b121bb212b12
+SERVER_NAME=:80
+#forum.lisoveliy.su
+HTTP_PORT=12000
+HTTPS_PORT=12001
+HTTP3_PORT=12002
+
+DATABASE_URL=postgresql://app:app@database:5432/app?serverVersion=16&charset=utf8
+MERCURE_URL=https://forum.lisoveliy.su/.well-known/mercure
+MERCURE_PUBLIC_URL=https://forum.lisoveliy.su/.well-known/mercure
+MERCURE_JWT_SECRET="!ChangeThisMercureHubJWTSecretKey!"
+CADDY_MERCURE_JWT_SECRET="1212121212123kkk322k3k"
diff --git a/assets/styles/app.css b/assets/styles/app.css
index 570a363..3ded40c 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -1,19 +1,53 @@
 :root {
     --primary-color: #f6cd26;
+    --second-color: black;
+    --line-width: 2px;
+    --space: 12px;
 }
 
 body {
-    background-color: black;
+    background-color: var(--second-color);
     color: var(--primary-color);
 }
 
 .block {
-    border: solid var(--primary-color) 2px;
-    padding: 12px;
+    border: solid var(--primary-color) var(--line-width);
+    padding: var(--space);
 }
 
 .list {
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    gap: var(--space);
 }
+
+a:visited, a:hover {
+    color: var(--primary-color);
+}
+
+
+button {
+    align-items: center;
+    padding: var(--space);
+    background: var(--second-color);
+    color: var(--primary-color);
+    border: solid var(--primary-color) var(--line-width);
+}
+
+button:hover,
+button:focus {
+    background: var(--primary-color);
+    color: black;
+    cursor: pointer;
+    border: solid var(--second-color) var(--line-width);
+    outline: calc(var(--line-width) * 2) var(--primary-color);
+}
+
+textarea {
+    padding: var(--space);
+    color: var(--primary-color);
+    background-color: var(--second-color);
+    border: solid var(--primary-color) var(--line-width);
+}
+
+