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