Update some stuff

bausystem-features.html

@@ -37,6 +37,8 @@
 
 <div class="center">
     <div id="content">
+        <h1>Bausystem Features</h1>
+
         <details>
             <summary><h4>Regionen</h4></summary>
             <ul>
@@ -125,17 +127,19 @@
             </ul>
         </details>
 
+        <br>
         <h3>Bauhilfen</h3>
-        <h4 id="smartplace">Smartplace</h4>
+        <div id="smartplace" class="feature">
-        <img src="Smartplace-1080P.png" alt="" loading="lazy"><br>
+            <h4>Smartplace</h4>
-        <p>
+            <img src="Smartplace-1080P.png" alt="" loading="lazy"><br>
-            Smartplace kann mit <code>/smartplace</code> aktiviert und deaktiviert werden. Dies wird für dich auf allen Baus
+            <p>
-            umgestellt. Wenn du nun rotierbare Blöcke wie Pistons, Observer und andere platzieren willst, werden diese wenn man
+                Smartplace kann mit <code>/smartplace</code> aktiviert und deaktiviert werden. Dies wird für dich auf allen Baus
-            gleichzeitig sneaked andersrum platziert. Wenn du Blöcke mit Inventar an selbige Blöcke platzierst brauchst du
+                umgestellt. Wenn du nun rotierbare Blöcke wie Pistons, Observer und andere platzieren willst, werden diese wenn man
-            dafür kein sneaken mehr.
+                gleichzeitig sneaked andersrum platziert. Wenn du Blöcke mit Inventar an selbige Blöcke platzierst brauchst du
-        </p>
+                dafür kein sneaken mehr.
-
+            </p>
-        <a class="btn">Zum Code</a>
+            <a class="btn">Zum Code</a>
+        </div>
 
         <h3>TNT Handling</h3>
         <h4>Loader</h4>

index.css

@@ -3,6 +3,30 @@ html {
     scroll-behavior: smooth;
 }
 
+h1 {
+    font-size: 2.5rem;
+    font-weight: bold;
+    margin-bottom: 1rem;
+}
+
+h2 {
+    font-size: 2rem;
+    font-weight: bold;
+    margin-bottom: 1rem;
+}
+
+h3 {
+    font-size: 1.5rem;
+    font-weight: bold;
+    margin-bottom: 1rem;
+}
+
+h4 {
+    font-size: 1.25rem;
+    font-weight: bold;
+    margin-bottom: 1rem;
+}
+
 details {
     cursor: pointer;
     user-select: none;
@@ -73,4 +97,11 @@ a {
     cursor: pointer;
     border: rgba(0, 0, 0, 0.1) solid 1px;
     border-radius: .3rem;
+
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
 }