From 4c73499f0594ab32976bb3c5d6484f1a8ecd51e3 Mon Sep 17 00:00:00 2001
From: Manuel Mayer <45011179+SuchByte@users.noreply.github.com>
Date: Mon, 24 Jan 2022 17:13:06 +0100
Subject: [PATCH] Minor improvements

---
 style.css | 146 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 146 insertions(+)
 create mode 100644 style.css

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..3710d16
--- /dev/null
+++ b/style.css
@@ -0,0 +1,146 @@
+body {
+	padding: 10px;
+}
+
+
+p, h1, h2, h3, h4, h5, h6, label {
+	color: white;
+}
+
+.pressed {
+	transform: scale(0.9);
+}
+
+.release-transition {
+	transition: all .3s linear;
+}
+
+.blockBox {
+	padding: 0;
+}
+
+.bg-dark {
+	background-color: #2d2d2d!important;
+}
+
+.btn-secondary {
+	background-color: #232323!important;
+}
+
+.action-button {
+	height: 100%;
+	width: 100%;
+	padding: 0;
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+}
+
+.btn:hover {
+	background-color: #232323!important;
+}
+
+.btn:active {
+	outline: none!important;
+	box-shadow: none!important;
+}
+
+.btn:focus {
+	outline: none!important;
+	box-shadow: none!important;
+}
+
+.button-container {
+	margin: auto;
+	position: absolute; 
+    top: 50%; 
+    left: 50%; 
+    transform: translate(-50%, -50%); 
+}
+
+.connect-container {
+	margin: auto;
+	height: auto;
+}
+
+.recent-connection-item {
+	background-color: #353535;
+	padding: 10px 10px 10px 10px;
+	margin: 10px 10px 10px 10px;
+	border: 1px solid rgb(90, 90, 90);
+	border-left: 4px solid rgb(31, 95, 161);
+	border-radius: 6px;
+	max-width: 600px;
+	margin: auto;
+}
+
+.recent-connection-item:hover {
+	background-color: #454545;
+	cursor: pointer;
+}
+
+.form-connect {
+  width: 100%;
+  max-width: 390px;
+  padding: 0;
+  margin: 0 auto;
+}
+.form-connect .checkbox {
+  font-weight: 400;
+}
+.form-connect .form-control {
+  position: relative;
+  box-sizing: border-box;
+  height: auto;
+  padding: 10px;
+  font-size: 16px;
+}
+.form-connect .form-control:focus {
+  z-index: 2;
+}
+
+
+.label {
+	height: 100%;
+	width: 100%;
+	padding: 0;
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+	border-radius: 1.0rem;
+}
+
+.loader-container {
+	height: 100%;
+	width: 100%;
+	padding: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
+	backdrop-filter: blur(6px);
+}
+
+.button-done {
+	background-color: #007bff;
+	-webkit-animation: fadeOut;
+    animation: fadeOut;
+    opacity: 0;
+	-webkit-animation-duration: 3s;
+    animation-duration: 3s
+}
+
+@-webkit-keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+@keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+