First

src/styles/App.css

@@ -0,0 +1,180 @@
+@import url("https://fonts.googleapis.com/css?family=Open+Sans");
+
+body {
+  font-family: "Open Sans", sans-serif;
+}
+
+.app-container {
+  background-color: #f5f5f5;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  font-size: 16px;
+}
+
+.vehicles-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: 0px 30px;
+  margin: 5px 20px;
+}
+
+.vehiclesRow {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+
+.vehiclesColumn {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  height: 205px;
+}
+
+.veh-col {
+  display: flex;
+  flex-direction: column;
+}
+
+.veh-row {
+  display: flex;
+  flex-direction: row;
+}
+
+.veh-row-price {
+  display: flex;
+  flex-direction: row;
+}
+
+.vehBox {
+  padding: 5px 5px 8px 8px;
+  border: 1px solid #5d86a8;
+  border-radius: 6px;
+  max-width: 535px;
+  flex: 1 0 auto;
+}
+
+.veh-text {
+  margin: 4px 5px;
+}
+
+.formHeader {
+  letter-spacing: 0.08rem;
+}
+
+.text-input {
+  width: 100%;
+  height: 24px;
+  margin: 8px 0px;
+  border: 1px solid #c0c8cf;
+  border-radius: 4px;
+}
+
+.auxButton {
+  margin-top: 8px;
+  height: 30px;
+  width: 125px;
+  border: 1px solid #c0c8cf;
+  border-radius: 6px;
+  background-color: white;
+  color: #0f1111;
+  font-family: "Open Sans", sans-serif;
+  cursor: pointer;
+  padding: 7px 0px 26px 0px;
+}
+
+.button {
+  margin-top: 8px;
+  align-items: center;
+  height: 30px;
+  width: 125px;
+  border: 1px solid #c0c8cf;
+  border-radius: 6px;
+  background-color: white;
+  color: #0f1111;
+  font-family: "Open Sans", sans-serif;
+  cursor: pointer;
+  padding: 7px 0px 16px 0px;
+}
+
+.deleteButton {
+  margin-top: 8px;
+  height: 30px;
+  width: 125px;
+  border: 1px solid #c0c8cf;
+  border-radius: 6px;
+  background-color: white;
+  color: #0f1111;
+  cursor: pointer;
+  line-height: 29px;
+  font-family: "Open Sans", sans-serif;
+  padding: 2px 0px 31px 0px;
+  vertical-align: middle;
+  margin-top: 12px;
+}
+
+.deleteButtonBox {
+  margin: 15px 0px 20px 0px;
+}
+
+.inputContainer {
+  min-width: 250px;
+  max-width: 250px;
+  margin-right: 25px;
+  padding-bottom: 5px;
+  padding-right: 5px;
+}
+
+.navBarContainer {
+  width: 100%;
+  height: 50px;
+  padding: 15px 20px 0px 20px;
+  background-color: white;
+  border-bottom: 2px solid #a9a9a9;
+}
+
+.navRow {
+  margin: 0px 15px 2px 15px;
+  padding: 5px 5px;
+  font-size: 1rem;
+  font-family: "Open Sans", sans-serif;
+  letter-spacing: 0.05rem;
+}
+
+.navSpan {
+  margin: 10px 10px;
+}
+
+.getHeader {
+  margin-top: -8px;
+}
+
+.fetchBox {
+  margin-bottom: 25px;
+}
+
+@media only screen and (max-width: 460px) {
+  .vehiclesColumn {
+    height: 100%;
+  }
+  .navBarContainer {
+    display: none;
+  }
+
+  .formHeader {
+    max-width: 250px;
+  }
+
+  .vehBox {
+    max-width: 260px;
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .veh-row-price {
+    display: flex;
+    flex-direction: column;
+  }
+}