diff --git a/css/autocomplete.css b/css/autocomplete.css
deleted file mode 100644
index d56e088..0000000
--- a/css/autocomplete.css
+++ /dev/null
@@ -1,50 +0,0 @@
-* { box-sizing: border-box; }
-body {
-  font: 16px Arial; 
-}
-.autocomplete {
-  /*the container must be positioned relative:*/
-  position: relative;
-  display: inline-block;
-}
-input {
-  border: 1px solid transparent;
-  background-color: #f1f1f1;
-  padding: 10px;
-  font-size: 16px;
-}
-input[type=text] {
-  background-color: #f1f1f1;
-  width: 100%;
-}
-input[type=submit] {
-  background-color: DodgerBlue;
-  color: #fff;
-}
-.autocomplete-items {
-  position: absolute;
-  border: 1px solid #d4d4d4;
-  border-bottom: none;
-  border-top: none;
-  z-index: 99;
-  /*position the autocomplete items to be the same width as the container:*/
-  top: 100%;
-  left: 0;
-  right: 0;
-}
-.autocomplete-items div {
-  padding: 10px;
-  cursor: pointer;
-  background-color: #fff; 
-  border-bottom: 1px solid #d4d4d4; 
-}
-.autocomplete-items div:hover {
-  /*when hovering an item:*/
-  background-color: #e9e9e9; 
-}
-.autocomplete-active {
-  /*when navigating through the items using the arrow keys:*/
-  background-color: DodgerBlue !important; 
-  color: #ffffff; 
-}
-
diff --git a/css/bulma-ajustments.css b/css/bulma-ajustments.css
new file mode 100644
index 0000000..8931934
--- /dev/null
+++ b/css/bulma-ajustments.css
@@ -0,0 +1,49 @@
+.buttons.grid {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    
+    justify-content: center;
+    align-items : center;
+}
+
+.buttons.grid .button {
+    flex: 1 0 20%;
+    margin: 10px;
+    padding: 40px 20px;
+    line-height: 0px;
+}
+
+.buttons.grid .complex-button {
+    flex: 1 0 34%;
+    margin: 15px 10px;
+}
+
+.section {
+    padding-top: 1rem;
+}
+
+#dev-mode {
+  background: #d23f31;
+  border: 1px solid #3e2723;
+  box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);
+  color: #fff;
+  font-size: 10px;
+  font-weight: 700;
+  right: 20px;
+  line-height: 18px;
+  margin: -9px -50px;
+  opacity: .87;
+  position: absolute;
+  text-align: center;
+  text-shadow: 1px 1px 0 #4e342e;
+  top: 20px;
+  transform: rotate(45deg);
+  width: 100px;
+  z-index: 99;
+  cursor: pointer;
+}
+
+#dev-mode.hidden {
+  display: none;
+}
\ No newline at end of file
diff --git a/css/generalStyle.css b/css/generalStyle.css
deleted file mode 100644
index 92b6654..0000000
--- a/css/generalStyle.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.myButton {
-	box-shadow:inset 0px 1px 0px 0px #6e9eb8;
-	background:linear-gradient(to bottom, #1a5b8c 5%, #4b84a3 100%);
-	background-color:#1a5b8c;
-	border:1px solid #22536e;
-	display:inline-block;
-	cursor:pointer;
-	color:#ffffff;
-	font-family:Arial;
-	font-size:13px;
-	font-weight:bold;
-	padding:6px 12px;
-	text-decoration:none;
-}
-.myButton:hover {
-	background:linear-gradient(to bottom, #4b84a3 5%, #1a5b8c 100%);
-	background-color:#4b84a3;
-}
-.myButton:active {
-	position:relative;
-	top:1px;
-}
-.alert  {
-  position: fixed;
-  top: 0;
-  right: 0.5rem;
-  border:1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 0.25rem;
-  padding: 2rem;
-  background: #fff;
-  color: #f65656;
-  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
-  transition:  all 0.2s ease-in-out;
-  opacity: 0;
-}
-
-.visible {
-  opacity: 1;
-  transform: translateY(1.25rem);
-}
\ No newline at end of file