Form UI 1st step

src/webui/style/style.css

@@ -61,6 +61,7 @@ h1, h2 {
   padding: 10px;
   text-align: center;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  border: 1px solid #2f2e2e80;
 }
 
 .photo img {
@@ -463,4 +464,48 @@ h1, h2 {
     align-items: stretch;
     gap: 8px;
   }
+}
+
+/* --- Site Info --- */
+
+#site-info-form input, #site-info-form textarea {
+    display: block;
+    margin-top: 5px;
+    border: none;
+    backdrop-filter: blur(20px);
+    background: #00293054;
+    border-radius: 5px;
+    outline: none;
+    font-size: 14px;
+    font-weight: 400;
+    color: #fff;
+    border-radius: 5px;
+    border: 1px solid #aaa;
+    padding: 0 15px;
+    height: 42px;
+    margin: 8px 0;
+}
+
+#site-info-form label {
+  font-size: 12px;
+  font-weight: 500;
+}
+
+#site-info-form .input-field {
+    display: flex;
+    width: calc(100% / 3 - 15px);
+    flex-direction: column;
+    margin: 4px 0;
+}
+
+#site-info-form fieldset{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    border:none;
+}
+
+h3 {
+  display: block;
 }