Changed button layout on main page /IRC button removed temporarily/

Remade design on passwordgen page

src/defaultStyles.css

@@ -1,8 +1,9 @@
 :root {
-  --text-color: #F2CB05;
+  --text-color: #f2cb05;
+  --primary-color: #9999ff;
   --bright-color: #f2f2f2;
   --background-color: #222426;
-  --hoover-color: #191919;
+  --hoover-color: #393939;
 }
 
 @import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap');
@@ -14,7 +15,7 @@ body {
 }
 
 li {
-    padding: 2px 0px;
+  padding: 2px 0px;
 }
 
 a {
@@ -22,7 +23,24 @@ a {
 }
 
 a:hover {
-  color: #C1C1C1;
+  color: #c1c1c1;
+}
+
+textarea {
+  color: var(--text-color);
+  background-color: var(--background-color);
+  box-sizing: border-box;
+  height: 120px;
+  width: 100%;
+  border: 1px solid #666;
+  border-radius: 3px;
+}
+
+input {
+  color: var(--text-color);
+  background-color: var(--background-color);
+  border: 1px solid #444;
+  width: 100%;
 }
 
 .link {
@@ -70,7 +88,7 @@ a:hover {
   transition: width 0.5s, height 0.5s, ease-out 0.5s;
 }
 
-.sidebarLinks a.active{
+.sidebarLinks a.active {
   border: 0.5px solid var(--text-color);
   color: white;
   text-shadow: 2px 2px 8px black;
@@ -178,7 +196,7 @@ a:hover {
 }
 
 .endofpage {
-    padding-bottom: 20px;
+  padding-bottom: 20px;
 }
 
 .questionContainer {
@@ -281,10 +299,9 @@ a:hover {
 }
 
 .pageHeader h1 {
-  padding-top: 6px;
-  letter-spacing: 7px;
-  text-align: center;
-  margin: 0px;
+    padding-top: 6px;
+    letter-spacing: 7px;
+    margin: 0px;
 }
 
 .manualUsage {
@@ -341,3 +358,21 @@ select:hover {
   padding: 2px 6px;
   font-size: 13.5px;
 }
+
+.actions {
+  display: flex;
+  align-items: center;
+}
+
+.actions > span {
+  margin: 2px 2px;
+  padding: 0px 10px;
+  border: 1px solid #444;
+  border-radius: 6px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.actions > span:hover {
+  background-color: var(--hoover-color);
+}