diff --git a/ImageBoardServerApp/Pages/Rules.razor b/ImageBoardServerApp/Pages/Rules.razor
index 474a507..1d208e0 100644
--- a/ImageBoardServerApp/Pages/Rules.razor
+++ b/ImageBoardServerApp/Pages/Rules.razor
@@ -1,5 +1,27 @@
 @page "/rules"
-<h3>Rules</h3>
+<div class="rules_headline">
+    <h3>Rules</h3>
+</div>
+<div class="rules_text">
+    <text>  
+        nudes are forbiden!
+    </text>
+    <text>
+        nacket pictures are Forbiden!
+    </text>
+    <text>
+        no political statments!
+    </text>
+    <text>
+        Trees are nice!
+    </text>
+    <text>
+        Cats are nice!
+    </text>
+    <text>
+        Be mentely Unstable!:-)
+    </text>
+</div>
 
 @code {
     
diff --git a/ImageBoardServerApp/Pages/Rules.razor.css b/ImageBoardServerApp/Pages/Rules.razor.css
new file mode 100644
index 0000000..51ee9b9
--- /dev/null
+++ b/ImageBoardServerApp/Pages/Rules.razor.css
@@ -0,0 +1,8 @@
+.rules_headline{
+    text-align: center;
+    /*the text have to be in a biger Pixel number I do not know how to do it */
+}
+.rules_text{
+    text-align: center;
+    /*the text sice can stay like it is, if you do not want to change it.*/
+}
\ No newline at end of file