Added style for forms

parkinglot/app/assets/stylesheets/application.css

-/*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the bottom of the
- * compiled file so the styles you add here take precedence over styles defined in any styles
- * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
- * file per style scope.
- *
- *= require_tree .
- *= require_self
- */
+.form-title {
+	font-family: 'Raleway';
+}
+		
+body {
+	-webkit-font-feature-settings: "lnum";
+	background: grey;
+}
+
+.form-container {
+	background: white;
+    box-sizing: border-box;
+    padding: 10px 30px 21px;
+    width: 361px;
+}
+input {
+	margin-top: 10px;
+	margin-bottom: 15px;
+	padding: 10px;
+	font-size: 13px;
+	font-family: Raleway;
+}
+
+label {
+	font-family: Raleway;
+	display: block;
+}
+
+.select {
+  position: relative;
+  display: block;
+  margin-bottom: 15px;
+  width: 300px;
+}
+
+.platenumber {
+	width: 300px;
+	box-sizing: border-box;
+}
+.select select {
+	box-sizing: border-box;
+	margin-top: 10px;
+	transition: 0.2s ease-in;
+	font-size: 1em;
+	display: inline-block;
+	width: 100%;
+	cursor: pointer;
+	padding: 15px 15px;
+	outline: 0;
+	border: 0;
+	border-radius: 0;
+	background: #e6e6e6;
+	color: #7b7b7b;
+	appearance: none;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+}
+.select select::-ms-expand {
+  display: none;
+}
+.select select:hover,
+.select select:focus {
+  color: #000;
+  background: #ccc;
+}
+.select select:disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.select__arrow {
+  position: absolute;
+  top: 48px;
+  right: 15px;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+  border-style: solid;
+  border-width: 8px 5px 0 5px;
+  border-color: #7b7b7b transparent transparent transparent;
+}
+.select select:hover ~ .select__arrow,
+.select select:focus ~ .select__arrow {
+  border-top-color: #000;
+}
+.select select:disabled ~ .select__arrow {
+  border-top-color: #ccc;
+}
+
+input[type=submit] {
+	transition: 0.1s ease-in;
+    padding: 11px 18px;
+    background: #2f2f2f;
+    border: 0 none;
+    font-size: 1em;
+    letter-spacing: 1.5px;
+    color: white;
+    cursor: pointer;
+    font-weight: bold;
+    text-transform: uppercase;
+    width: 300px;
+    -webkit-border-radius: 0px;
+    border-radius: 0px;
+}
+
+input[type="submit"]:hover {
+	background: orange;
+}