diff --git a/ImageBoardServerApp/Pages/Rules.razor b/ImageBoardServerApp/Pages/Rules.razor
index 1d208e0..f85929f 100644
--- a/ImageBoardServerApp/Pages/Rules.razor
+++ b/ImageBoardServerApp/Pages/Rules.razor
@@ -2,26 +2,17 @@
 <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>
+<ul type="1" class="rules_list">
+    <li>nudes are forbidden!</li>
+    <li>nacket pictures are forbidden!</li>
+    <li>no political statements!</li>
+    <li>Trees are nice!</li>
+    <li>Cats are nice!</li>
+    <li>Be mentely Unstable!:-)</li>
+</ul>
+
+    
+
 
 @code {
     
diff --git a/ImageBoardServerApp/Pages/Rules.razor.css b/ImageBoardServerApp/Pages/Rules.razor.css
index 51ee9b9..5635ed6 100644
--- a/ImageBoardServerApp/Pages/Rules.razor.css
+++ b/ImageBoardServerApp/Pages/Rules.razor.css
@@ -1,8 +1,11 @@
 .rules_headline{
     text-align: center;
+    font-weight: 1000;
     /*the text have to be in a biger Pixel number I do not know how to do it */
 }
-.rules_text{
-    text-align: center;
+.rules_list{
+    display:block;
+    ont-size: 30px;
+    font-weight: 60 ;
     /*the text sice can stay like it is, if you do not want to change it.*/
 }
\ No newline at end of file