finally saving things

src/styles/colors.less

@@ -8,3 +8,6 @@
 @dialog_background: #222222;
 
 @location_line: #ff3344;
+
+@green_primary: #abc837;
+@green_secondary: #009c80;

src/styles/main.less

@@ -7,9 +7,10 @@
 @import 'button.less';
 @import 'logo.less';
 @import 'user-button.less';
+@import 'save.less';
 
 body {
-  font-family: sans-serif;
+  font-family: 'Raleway', sans-serif;
   font-size: 14px;
 }
 

src/styles/save.less

@@ -0,0 +1,84 @@
+.save-helper {
+  width: 443px;
+  padding: 0;
+  flex-direction: column;
+}
+
+.save-title {
+  padding: 10px;
+  width: 100%;
+  background: linear-gradient(160deg, @green_primary, @green_secondary);
+  flex-direction: column;
+  border-radius: 3px 3px 0 0;
+  font-weight: 200;
+  box-sizing: border-box;
+}
+
+.save-description {
+  padding: 10px;
+}
+
+.save-title-input {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 2px;
+  display: flex;
+
+  input {
+    width: 100%;
+    padding: 5px;
+    background: transparent;
+    border: none;
+    outline: none;
+    color: white;
+
+    font-family: inherit;
+    font-size: 14px;
+    font-weight: 200;
+  }
+}
+
+.save-title-label {
+  display: flex;
+  padding: 5px 10px;
+  background: rgba(0,0,0,0.1);
+  height: 100%;
+}
+
+.save-address-input {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 2px;
+  display: flex;
+
+  input {
+    width: 100%;
+    padding: 5px 5px 5px 2px;
+    background: transparent;
+    border: none;
+    outline: none;
+    color: white;
+
+    font-family: inherit;
+    font-size: 14px;
+    font-weight: 200;
+  }
+}
+
+.save-address-label {
+  display: flex;
+  padding: 5px 0 5px 10px;
+  height: 100%;
+  opacity: 0.5;
+}
+
+.save-text {
+  padding: 10px;
+}
+
+.save-buttons {
+  display: flex;
+  padding: 10px;
+}
+
+.save-buttons-text {
+  flex: 1;
+}