new style

public/assets/styles/base.css

@@ -19,19 +19,19 @@ body {
     font-size: 0.85rem;
 }
 
-h1,.h1 {
+h1, .h1 {
     font-size: 1.75rem;
 }
 
-h2,.h2 {
+h2, .h2 {
     font-size: 1.35rem;
 }
 
-h3,.h3 {
+h3, .h3 {
     font-size: 1.35rem;
 }
 
-h4, h5, h6,.h4,.h5,.h6 {
+h4, h5, h6, .h4, .h5, .h6 {
     font-size: 0.95rem;
 }
 
@@ -39,7 +39,7 @@ form, input, button, textarea {
     font-size: 0.85rem !important;
 }
 
-input, textarea,select {
+input, textarea, select {
     background-color: #121a25 !important;
     color: #fff !important;
     border-color: #020617 !important;
@@ -54,9 +54,9 @@ input, textarea,select {
 }
 
 ::placeholder {
-     color: #556070 !important;
-     opacity: .5; /* wichtig v. a. für Firefox */
- }
+    color: #556070 !important;
+    opacity: .5; /* wichtig v. a. für Firefox */
+}
 
 .header {
     display: flex;
@@ -75,7 +75,7 @@ input, textarea,select {
     padding: 1rem;
     background: #121a25;
     border: 1px solid var(--border);
-    border-radius: 6px;
+    border-radius: 6px 6px 0 0;
 }
 
 .message {
@@ -367,10 +367,11 @@ body {
     color: #e2e2e2 !important;
 }
 
-.blue-glow{
-    box-shadow: 0px 0px 14px 0px rgba(99,124,247,0.325);
+.blue-glow {
+    box-shadow: 0px 0px 14px 0px rgba(99, 124, 247, 0.325);
 }
-.text-glow{
+
+.text-glow {
     text-shadow: #86b7fe 2px 1px 14px;
 }
 
@@ -433,9 +434,11 @@ span.think {
     z-index: 1;
     width: 100%;
 }
+
 .example-2 .inner {
     margin: 2px;
 }
+
 .example-2::before {
     content: "";
     display: block;
@@ -469,9 +472,10 @@ span.think {
     display: flex;
     flex-wrap: wrap;
     gap: 0.5rem;
-    margin: 0.45rem 0 0.75rem;
+    margin: -1px 0 0.75rem;
     color: rgba(248, 249, 250, 0.76);
     font-size: 0.84rem;
+    border-radius: 0 0 6px 6px;
 }
 
 .retriex-option-toggle {