diff --git a/app/static/css/login.css b/app/static/css/login.css
index 2a21e10..6b39e66 100644
--- a/app/static/css/login.css
+++ b/app/static/css/login.css
@@ -1,5 +1,5 @@
 .login {
-  max-width: 480px;
+  max-width: var(--main-content-max-width, 480px);
 }
 .register__form-button {
   width: 100%;
diff --git a/app/static/css/register.css b/app/static/css/register.css
index 4508d37..6a66d06 100644
--- a/app/static/css/register.css
+++ b/app/static/css/register.css
@@ -1,5 +1,5 @@
 .register {
-  max-width: 480px;
+  max-width: var(--main-content-max-width, 480px);
 }
 
 .register__form-button {
diff --git a/app/static/css/styles.css b/app/static/css/styles.css
index adfd706..b72390c 100644
--- a/app/static/css/styles.css
+++ b/app/static/css/styles.css
@@ -1,3 +1,7 @@
+:root {
+  --main-content-max-width: 480px;
+}
+
 html, body {
   height: 100%;
 }
diff --git a/app/static/css/user.css b/app/static/css/user.css
new file mode 100644
index 0000000..80bc69e
--- /dev/null
+++ b/app/static/css/user.css
@@ -0,0 +1,3 @@
+.user {
+  max-width: var(--main-content-max-width, 480px);
+}
\ No newline at end of file