pre is inverted hinzugefügt

rp-build-instructions/index.html

@@ -47,38 +47,6 @@
         font-family: 'Honk', system-ui;
         text-align: center;
     }
-
-    .button {
-        padding: 16px 32px;
-        border-radius: 8px;
-        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
-        border: 1px solid rgba(255, 255, 255, 0.2);
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
-        backdrop-filter: blur(10px);
-        -webkit-backdrop-filter: blur(10px);
-        transition: all 0.2s ease;
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        margin-top: 20px;
-        color: #ffffff;
-        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-    }
-
-    .button:hover {
-        box-shadow: 0 4px 8px rgba(0,0,0,0.6);
-    }
-
-    .button:active {
-        box-shadow: 0 0px 1px rgba(0,0,0,0.8);
-        transform: scale(0.995);
-    }
-
-    .button-text {
-        font-weight: 600;
-        color: white;
-        font-size: 1.5em;
-    }
     footer {
         text-align: center;
     }
@@ -96,6 +64,14 @@
     h2 {
     text-align: center;
     }
+
+    pre {
+    background-color:rgb(0, 0, 0);
+    width: 225px
+    }
+    .pre-text {
+    color: #ffffff;
+    }
 </style>
 
 </head>
@@ -124,7 +100,7 @@ Material:
 - <a href="viewer.html" >3D printed Case</a>
 <br>
 - Keyboard for the Alsa Setup
-<pre>
+<pre class="pre-text" >
 pcm.!default {
     type plug
     slave.pcm "softvol"