diff --git a/index.html b/index.html
index 7120832..9d1a18b 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,19 @@
+
@@ -21,7 +34,7 @@
About me
- Hello, I'm Maksim and I'm 18 years old, developer and system administrator from Russia . Now I’m gradually learning three languages: TypeScript, Rust, Java .
+ Hello, I'm Maksim and I'm years old, developer and system administrator from Russia . Now I’m gradually learning three languages: TypeScript, Rust, Java .
diff --git a/matrix/index.html b/matrix/index.html
new file mode 100644
index 0000000..709edf8
--- /dev/null
+++ b/matrix/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+ Hello
+
+
+
+
+
+
+
Oh.
+
+ There is nothing on this domain except this page and matrix server
+
+
+
Back to home
+
+
+
diff --git a/matrix/styles.css b/matrix/styles.css
new file mode 100644
index 0000000..dd9d8d1
--- /dev/null
+++ b/matrix/styles.css
@@ -0,0 +1,85 @@
+@font-face {
+ font-family: "Cantarell var";
+ font-weight: 100 900;
+ font-display: swap;
+ font-style: normal;
+ src: url("../Cantarell-VF.woff2") format("woff2"),
+ url("../Cantarell-VF.otf") format("opentype");
+}
+
+* {
+ background-color: #242424;
+ text-align: center;
+ box-sizing: border-box;
+}
+
+h1 {
+ font-family: "Cantarell var", sans-serif;
+ font-weight: 800;
+ font-variation-settings: "wght" 800;
+ margin: 0.5em 0;
+}
+
+p {
+ font-family: "Cantarell var", sans-serif;
+ font-weight: 500;
+ font-variation-settings: "wght" 500;
+ margin: 0.5em 0;
+}
+
+body {
+ margin: 0;
+ padding: 1em;
+ color: #FFFFFF;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+}
+
+.container {
+ max-width: 90%;
+ width: 650px;
+ padding: 1em;
+}
+
+.button {
+ font-family: "Cantarell var", sans-serif;
+ font-weight: 700;
+ font-variation-settings: "wght" 700;
+ background-color: #3A3A3A;
+ border: none;
+ color: white;
+ padding: 12px 24px;
+ text-align: center;
+ text-decoration: none;
+ border-radius: 100px;
+ display: inline-block;
+ transition: 0.3s;
+}
+
+.button:hover {
+ background-color: #454545;
+}
+
+@media (min-width: 768px) {
+ body {
+ padding: 2em;
+ }
+ .container {
+ padding: 2em;
+ }
+}
+
+@media (max-width: 480px) {
+ h1 {
+ font-size: 1.5em;
+ }
+ p {
+ font-size: 1em;
+ }
+ .container {
+ padding: 1em;
+ }
+}