diff --git a/index.html b/index.html
index 4205d3a..8b33a93 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <title>Ada</title>
     <link rel="stylesheet" href="ui.css" />
   </head>
-
+  <div class="content"></div>
   <body>
     <header>
       <h1>Site of a random human</h1>
@@ -34,5 +34,6 @@
     <footer>
       <p>If you want to contact me (don't hesitate), i y have a mail TODO. I have some useless project on my <a href="https://github.com/r4iponce">Github</a></p>
     </footer>
+    <div class="content"></div>
   </body>
 </html>
diff --git a/ui.css b/ui.css
new file mode 100644
index 0000000..d4815b2
--- /dev/null
+++ b/ui.css
@@ -0,0 +1,27 @@
+
+:root {
+    --main-width: 85vw;
+  }
+  
+  /* large screen */
+  @media only screen and (min-width: 868px) {
+      :root {
+          --main-width: 50vw;
+      }
+  }
+  
+  
+  
+  html {
+    font-family: Noto Sans;
+    scroll-behavior: smooth;
+    color: #C71585;
+  }
+  
+  .content {
+    max-width: var(--main-width);
+    margin-left: auto;
+    margin-right: auto;
+  }
+  
+  
\ No newline at end of file
