Language selection implemented and UI reworked

electron/main/style.css

@@ -5,7 +5,7 @@ body {
   justify-content: center;
   align-items: center;
   height: 100vh;
-  background-color: #444;
+  background-color: #555;
   gap: 15px;
   margin: 0;
 }
@@ -75,6 +75,7 @@ gap: 5px;
 
 .checkbox-group {
   margin-top: 15px;
+  margin-bottom: 15px;
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -92,14 +93,14 @@ gap: 5px;
 }
 
 .mitte {
-  background-color: #eaf0ff;
+  background-color: #f2f3f4;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 5% 50px;
   margin-top: 20px;
   gap: 10px;
-  border: 2px;
+  border: 1px;
   border-color: black;
   border-style: solid;
 }
@@ -112,7 +113,7 @@ h1 {
   position: relative;
   width: 210px;
   height: 30px;
-  background: darkslategray;
+  background: rgb(42, 46, 78);
   border-radius: 5px;
   overflow: hidden;
 }
@@ -129,4 +130,18 @@ h1 {
   top: 50%;
   right: 5px;
   transform: translateY(-50%);
+  color: white;
+}
+
+.flagsBtns {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.de_Btn, .eng_Btn, .in_Btn {
+  padding: 8px 16px;
+  color: white;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
 }