diff --git a/client/EntranceItems.jsx b/client/EntranceItems.jsx
index 9407e92..72dc141 100644
--- a/client/EntranceItems.jsx
+++ b/client/EntranceItems.jsx
@@ -33,12 +33,12 @@ class EntranceItems extends React.Component {
 
   render() {
     return (
-      <Row className="m-4 p-4">
+      <Row className="m-4 p-4 ">
         {this.state.products.map(one => {
           return (
             <Col key={one._id} sm="3">
               <Card className="my-2">
-                <CardImg
+                <CardImg className="border"
                   top
                   width="100%"
                   src={"http://127.0.0.1:3000/api/uploads/" + one.photo}
diff --git a/client/Posts.jsx b/client/Posts.jsx
index a032097..b7acf3f 100644
--- a/client/Posts.jsx
+++ b/client/Posts.jsx
@@ -12,39 +12,39 @@ import {
   Button
 } from "reactstrap";
 
-var Posts = (props)=> (
-    <div>
-    {props.items?props.items.map(one => (
-    <div key={one._id}>
-      {/* <CardText tag={Link} to={"/" + one.user.username}>{one.user.firstname} {one.user.lastname}</CardText> */}
-      <Card
-        key={one._id}
-        style={{
-          display: "flex",
-          flexDirection: "row",
-          marginBottom: "8px"
-        }}
-      >
-        <div style={{ flex: 4 }}>
-          <img
-            width="100%"
-            src={"http://127.0.0.1:3000/api/uploads/" + one.photo}
-            alt="Card image cap"
-          />
-        </div>
-        <div style={{ flex: 6, marginLeft: "7px" }}>
-          <CardTitle tag={Link} to={"items/" + one._id } className="mb-1">{one.name}</CardTitle>
-          <br/>
-          <small className="text-muted">
-          <CardText tag={Link} to={"/users/" + one.user.username}>{one.user.firstname} {one.user.lastname}</CardText>
-          </small>
-          <CardText>Description: {one.description}</CardText>
-          <small className="text-muted">
-            <span>Price: ${one.price}</span> &nbsp;&nbsp; <span>Availability: {one.available?"✔":"❌" }</span> &nbsp;&nbsp; <span>Quantity: {one.quantity}</span>
-          </small>
-        </div>
-      </Card>
-    </div>
-  )): null}
+var Posts = (props) => (
+  <div >
+    {props.items ? props.items.map(one => (
+      <div key={one._id} >
+        {/* <CardText tag={Link} to={"/" + one.user.username}>{one.user.firstname} {one.user.lastname}</CardText> */}
+        <Card
+          key={one._id}
+          style={{
+            display: "flex",
+            flexDirection: "row",
+            marginBottom: "8px"
+          }}
+        >
+          <div style={{ flex: 4 }}>
+            <img
+              width="100%"
+              src={"http://127.0.0.1:3000/api/uploads/" + one.photo}
+              alt="Card image cap"
+            />
+          </div>
+          <div style={{ flex: 6, marginLeft: "7px" }}>
+            <CardTitle tag={Link} to={"items/" + one._id} className="mb-1">{one.name}</CardTitle>
+            <br />
+            <small className="text-muted">
+              <CardText tag={Link} to={"/users/" + one.user.username}>{one.user.firstname} {one.user.lastname}</CardText>
+            </small>
+            <CardText>Description: {one.description}</CardText>
+            <small className="text-muted">
+              <span>Price: ${one.price}</span> &nbsp;&nbsp; <span>Availability: {one.available ? "✔" : "❌"}</span> &nbsp;&nbsp; <span>Quantity: {one.quantity}</span>
+            </small>
+          </div>
+        </Card>
+      </div>
+    )) : null}
   </div>)
 export default Posts
\ No newline at end of file
diff --git a/public/bundle.js b/public/bundle.js
index 3010a28..a485316 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -94,7 +94,7 @@
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _http_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./http.jsx */ \"./client/http.jsx\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/index.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\nvar EntranceItems =\n/*#__PURE__*/\nfunction (_React$Component) {\n  _inherits(EntranceItems, _React$Component);\n\n  function EntranceItems() {\n    var _this;\n\n    _classCallCheck(this, EntranceItems);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(EntranceItems).call(this));\n    _this.state = {\n      products: []\n    };\n    return _this;\n  }\n\n  _createClass(EntranceItems, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      var _this2 = this;\n\n      _http_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"].get(\"/api/items\", function (err, products) {\n        if (err) console.log(err);else {\n          _this2.setState({\n            products: products\n          });\n        }\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"Row\"], {\n        className: \"m-4 p-4\"\n      }, this.state.products.map(function (one) {\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"Col\"], {\n          key: one._id,\n          sm: \"3\"\n        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"Card\"], {\n          className: \"my-2\"\n        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"CardImg\"], {\n          top: true,\n          width: \"100%\",\n          src: \"http://127.0.0.1:3000/api/uploads/\" + one.photo,\n          alt: \"Card image cap\"\n        }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"CardBody\"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"CardTitle\"], null, one.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"CardSubtitle\"], {\n          className: \"text-muted\"\n        }, \"Price : $\", one.price))));\n      }));\n    }\n  }]);\n\n  return EntranceItems;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (EntranceItems);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvRW50cmFuY2VJdGVtcy5qc3guanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9jbGllbnQvRW50cmFuY2VJdGVtcy5qc3g/YWVkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCBodHRwIGZyb20gXCIuL2h0dHAuanN4XCI7XHJcbmltcG9ydCB7XHJcbiAgQ2FyZCxcclxuICBCdXR0b24sXHJcbiAgQ2FyZFRpdGxlLFxyXG4gIENhcmRUZXh0LFxyXG4gIFJvdyxcclxuICBDb2wsXHJcbiAgQ2FyZEltZyxcclxuICBDYXJkQm9keSxcclxuICBDYXJkTGluayxcclxuICBDYXJkU3VidGl0bGVcclxufSBmcm9tIFwicmVhY3RzdHJhcFwiO1xyXG5cclxuY2xhc3MgRW50cmFuY2VJdGVtcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoKVxyXG4gICAgdGhpcy5zdGF0ZSA9IHtcclxuICAgICAgcHJvZHVjdHM6IFtdXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb21wb25lbnREaWRNb3VudCgpIHtcclxuICAgIGh0dHAuZ2V0KFwiL2FwaS9pdGVtc1wiLCAoZXJyLCBwcm9kdWN0cykgPT4ge1xyXG4gICAgICBpZiAoZXJyKSBjb25zb2xlLmxvZyhlcnIpXHJcbiAgICAgIGVsc2Uge1xyXG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBwcm9kdWN0cyB9KVxyXG4gICAgICB9XHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgcmVuZGVyKCkge1xyXG4gICAgcmV0dXJuIChcclxuICAgICAgPFJvdyBjbGFzc05hbWU9XCJtLTQgcC00XCI+XHJcbiAgICAgICAge3RoaXMuc3RhdGUucHJvZHVjdHMubWFwKG9uZSA9PiB7XHJcbiAgICAgICAgICByZXR1cm4gKFxyXG4gICAgICAgICAgICA8Q29sIGtleT17b25lLl9pZH0gc209XCIzXCI+XHJcbiAgICAgICAgICAgICAgPENhcmQgY2xhc3NOYW1lPVwibXktMlwiPlxyXG4gICAgICAgICAgICAgICAgPENhcmRJbWdcclxuICAgICAgICAgICAgICAgICAgdG9wXHJcbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXHJcbiAgICAgICAgICAgICAgICAgIHNyYz17XCJodHRwOi8vMTI3LjAuMC4xOjMwMDAvYXBpL3VwbG9hZHMvXCIgKyBvbmUucGhvdG99XHJcbiAgICAgICAgICAgICAgICAgIGFsdD1cIkNhcmQgaW1hZ2UgY2FwXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICA8Q2FyZEJvZHk+XHJcbiAgICAgICAgICAgICAgICAgIDxDYXJkVGl0bGU+e29uZS5uYW1lfTwvQ2FyZFRpdGxlPlxyXG4gICAgICAgICAgICAgICAgICA8Q2FyZFN1YnRpdGxlIGNsYXNzTmFtZT1cInRleHQtbXV0ZWRcIj5QcmljZSA6ICR7b25lLnByaWNlfTwvQ2FyZFN1YnRpdGxlPlxyXG4gICAgICAgICAgICAgICAgICB7LyogPENhcmRUZXh0PntvbmUuZGVzY3JpcHRpb259PC9DYXJkVGV4dD4gKi99XHJcbiAgICAgICAgICAgICAgICA8L0NhcmRCb2R5PlxyXG4gICAgICAgICAgICAgIDwvQ2FyZD5cclxuICAgICAgICAgICAgPC9Db2w+XHJcbiAgICAgICAgICApO1xyXG4gICAgICAgIH0pfVxyXG4gICAgICA8L1Jvdz5cclxuICAgICk7XHJcbiAgfVxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBFbnRyYW5jZUl0ZW1zO1xyXG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFZQTs7Ozs7QUFFQTtBQUFBO0FBQ0E7QUFEQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBREE7QUFGQTtBQUtBO0FBQ0E7OztBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFFQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7OztBQUVBO0FBQ0E7QUFDQTtBQUFBO0FBRUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQVFBO0FBQUE7QUFNQTtBQUdBOzs7O0FBMUNBO0FBQ0E7QUE0Q0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./client/EntranceItems.jsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _http_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./http.jsx */ \"./client/http.jsx\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/index.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\nvar EntranceItems =\n/*#__PURE__*/\nfunction (_React$Component) {\n  _inherits(EntranceItems, _React$Component);\n\n  function EntranceItems() {\n    var _this;\n\n    _classCallCheck(this, EntranceItems);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(EntranceItems).call(this));\n    _this.state = {\n      products: []\n    };\n    return _this;\n  }\n\n  _createClass(EntranceItems, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      var _this2 = this;\n\n      _http_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"].get(\"/api/items\", function (err, products) {\n        if (err) console.log(err);else {\n          _this2.setState({\n            products: products\n          });\n        }\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"Row\"], {\n        className: \"m-4 p-4 \"\n      }, this.state.products.map(function (one) {\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"Col\"], {\n          key: one._id,\n          sm: \"3\"\n        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"Card\"], {\n          className: \"my-2\"\n        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"CardImg\"], {\n          className: \"border\",\n          top: true,\n          width: \"100%\",\n          src: \"http://127.0.0.1:3000/api/uploads/\" + one.photo,\n          alt: \"Card image cap\"\n        }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"CardBody\"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"CardTitle\"], null, one.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_2__[\"CardSubtitle\"], {\n          className: \"text-muted\"\n        }, \"Price : $\", one.price))));\n      }));\n    }\n  }]);\n\n  return EntranceItems;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (EntranceItems);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvRW50cmFuY2VJdGVtcy5qc3guanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9jbGllbnQvRW50cmFuY2VJdGVtcy5qc3g/YWVkZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCBodHRwIGZyb20gXCIuL2h0dHAuanN4XCI7XHJcbmltcG9ydCB7XHJcbiAgQ2FyZCxcclxuICBCdXR0b24sXHJcbiAgQ2FyZFRpdGxlLFxyXG4gIENhcmRUZXh0LFxyXG4gIFJvdyxcclxuICBDb2wsXHJcbiAgQ2FyZEltZyxcclxuICBDYXJkQm9keSxcclxuICBDYXJkTGluayxcclxuICBDYXJkU3VidGl0bGVcclxufSBmcm9tIFwicmVhY3RzdHJhcFwiO1xyXG5cclxuY2xhc3MgRW50cmFuY2VJdGVtcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoKVxyXG4gICAgdGhpcy5zdGF0ZSA9IHtcclxuICAgICAgcHJvZHVjdHM6IFtdXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb21wb25lbnREaWRNb3VudCgpIHtcclxuICAgIGh0dHAuZ2V0KFwiL2FwaS9pdGVtc1wiLCAoZXJyLCBwcm9kdWN0cykgPT4ge1xyXG4gICAgICBpZiAoZXJyKSBjb25zb2xlLmxvZyhlcnIpXHJcbiAgICAgIGVsc2Uge1xyXG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBwcm9kdWN0cyB9KVxyXG4gICAgICB9XHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgcmVuZGVyKCkge1xyXG4gICAgcmV0dXJuIChcclxuICAgICAgPFJvdyBjbGFzc05hbWU9XCJtLTQgcC00IFwiPlxyXG4gICAgICAgIHt0aGlzLnN0YXRlLnByb2R1Y3RzLm1hcChvbmUgPT4ge1xyXG4gICAgICAgICAgcmV0dXJuIChcclxuICAgICAgICAgICAgPENvbCBrZXk9e29uZS5faWR9IHNtPVwiM1wiPlxyXG4gICAgICAgICAgICAgIDxDYXJkIGNsYXNzTmFtZT1cIm15LTJcIj5cclxuICAgICAgICAgICAgICAgIDxDYXJkSW1nIGNsYXNzTmFtZT1cImJvcmRlclwiXHJcbiAgICAgICAgICAgICAgICAgIHRvcFxyXG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxyXG4gICAgICAgICAgICAgICAgICBzcmM9e1wiaHR0cDovLzEyNy4wLjAuMTozMDAwL2FwaS91cGxvYWRzL1wiICsgb25lLnBob3RvfVxyXG4gICAgICAgICAgICAgICAgICBhbHQ9XCJDYXJkIGltYWdlIGNhcFwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgPENhcmRCb2R5PlxyXG4gICAgICAgICAgICAgICAgICA8Q2FyZFRpdGxlPntvbmUubmFtZX08L0NhcmRUaXRsZT5cclxuICAgICAgICAgICAgICAgICAgPENhcmRTdWJ0aXRsZSBjbGFzc05hbWU9XCJ0ZXh0LW11dGVkXCI+UHJpY2UgOiAke29uZS5wcmljZX08L0NhcmRTdWJ0aXRsZT5cclxuICAgICAgICAgICAgICAgICAgey8qIDxDYXJkVGV4dD57b25lLmRlc2NyaXB0aW9ufTwvQ2FyZFRleHQ+ICovfVxyXG4gICAgICAgICAgICAgICAgPC9DYXJkQm9keT5cclxuICAgICAgICAgICAgICA8L0NhcmQ+XHJcbiAgICAgICAgICAgIDwvQ29sPlxyXG4gICAgICAgICAgKTtcclxuICAgICAgICB9KX1cclxuICAgICAgPC9Sb3c+XHJcbiAgICApO1xyXG4gIH1cclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgRW50cmFuY2VJdGVtcztcclxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBWUE7Ozs7O0FBRUE7QUFBQTtBQUNBO0FBREE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQURBO0FBRkE7QUFLQTtBQUNBOzs7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBRUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBOzs7QUFFQTtBQUNBO0FBQ0E7QUFBQTtBQUVBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQVFBO0FBQUE7QUFNQTtBQUdBOzs7O0FBMUNBO0FBQ0E7QUE0Q0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./client/EntranceItems.jsx\n");
 
 /***/ }),
 
@@ -130,7 +130,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _item_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item.jsx */ \"./client/item.jsx\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/index.js\");\n\n\n\n\n\nvar Posts = function Posts(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, props.items ? props.items.map(function (one) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      key: one._id\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"Card\"], {\n      key: one._id,\n      style: {\n        display: \"flex\",\n        flexDirection: \"row\",\n        marginBottom: \"8px\"\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      style: {\n        flex: 4\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n      width: \"100%\",\n      src: \"http://127.0.0.1:3000/api/uploads/\" + one.photo,\n      alt: \"Card image cap\"\n    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      style: {\n        flex: 6,\n        marginLeft: \"7px\"\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"CardTitle\"], {\n      tag: react_router_dom__WEBPACK_IMPORTED_MODULE_1__[\"Link\"],\n      to: \"items/\" + one._id,\n      className: \"mb-1\"\n    }, one.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"br\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"small\", {\n      className: \"text-muted\"\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"CardText\"], {\n      tag: react_router_dom__WEBPACK_IMPORTED_MODULE_1__[\"Link\"],\n      to: \"/users/\" + one.user.username\n    }, one.user.firstname, \" \", one.user.lastname)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"CardText\"], null, \"Description: \", one.description), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"small\", {\n      className: \"text-muted\"\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"Price: $\", one.price), \" \\xA0\\xA0 \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"Availability: \", one.available ? \"✔\" : \"❌\"), \" \\xA0\\xA0 \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"Quantity: \", one.quantity)))));\n  }) : null);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Posts);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvUG9zdHMuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vY2xpZW50L1Bvc3RzLmpzeD8wZDljIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgTGluayB9IGZyb20gXCJyZWFjdC1yb3V0ZXItZG9tXCI7XHJcbmltcG9ydCBJdGVtIGZyb20gXCIuL2l0ZW0uanN4XCJcclxuXHJcbmltcG9ydCB7XHJcbiAgQ2FyZCxcclxuICBDYXJkSW1nLFxyXG4gIENhcmRUZXh0LFxyXG4gIENhcmRCb2R5LFxyXG4gIENhcmRUaXRsZSxcclxuICBDYXJkU3VidGl0bGUsXHJcbiAgQnV0dG9uXHJcbn0gZnJvbSBcInJlYWN0c3RyYXBcIjtcclxuXHJcbnZhciBQb3N0cyA9IChwcm9wcyk9PiAoXHJcbiAgICA8ZGl2PlxyXG4gICAge3Byb3BzLml0ZW1zP3Byb3BzLml0ZW1zLm1hcChvbmUgPT4gKFxyXG4gICAgPGRpdiBrZXk9e29uZS5faWR9PlxyXG4gICAgICB7LyogPENhcmRUZXh0IHRhZz17TGlua30gdG89e1wiL1wiICsgb25lLnVzZXIudXNlcm5hbWV9PntvbmUudXNlci5maXJzdG5hbWV9IHtvbmUudXNlci5sYXN0bmFtZX08L0NhcmRUZXh0PiAqL31cclxuICAgICAgPENhcmRcclxuICAgICAgICBrZXk9e29uZS5faWR9XHJcbiAgICAgICAgc3R5bGU9e3tcclxuICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcclxuICAgICAgICAgIG1hcmdpbkJvdHRvbTogXCI4cHhcIlxyXG4gICAgICAgIH19XHJcbiAgICAgID5cclxuICAgICAgICA8ZGl2IHN0eWxlPXt7IGZsZXg6IDQgfX0+XHJcbiAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXHJcbiAgICAgICAgICAgIHNyYz17XCJodHRwOi8vMTI3LjAuMC4xOjMwMDAvYXBpL3VwbG9hZHMvXCIgKyBvbmUucGhvdG99XHJcbiAgICAgICAgICAgIGFsdD1cIkNhcmQgaW1hZ2UgY2FwXCJcclxuICAgICAgICAgIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBzdHlsZT17eyBmbGV4OiA2LCBtYXJnaW5MZWZ0OiBcIjdweFwiIH19PlxyXG4gICAgICAgICAgPENhcmRUaXRsZSB0YWc9e0xpbmt9IHRvPXtcIml0ZW1zL1wiICsgb25lLl9pZCB9IGNsYXNzTmFtZT1cIm1iLTFcIj57b25lLm5hbWV9PC9DYXJkVGl0bGU+XHJcbiAgICAgICAgICA8YnIvPlxyXG4gICAgICAgICAgPHNtYWxsIGNsYXNzTmFtZT1cInRleHQtbXV0ZWRcIj5cclxuICAgICAgICAgIDxDYXJkVGV4dCB0YWc9e0xpbmt9IHRvPXtcIi91c2Vycy9cIiArIG9uZS51c2VyLnVzZXJuYW1lfT57b25lLnVzZXIuZmlyc3RuYW1lfSB7b25lLnVzZXIubGFzdG5hbWV9PC9DYXJkVGV4dD5cclxuICAgICAgICAgIDwvc21hbGw+XHJcbiAgICAgICAgICA8Q2FyZFRleHQ+RGVzY3JpcHRpb246IHtvbmUuZGVzY3JpcHRpb259PC9DYXJkVGV4dD5cclxuICAgICAgICAgIDxzbWFsbCBjbGFzc05hbWU9XCJ0ZXh0LW11dGVkXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPlByaWNlOiAke29uZS5wcmljZX08L3NwYW4+ICZuYnNwOyZuYnNwOyA8c3Bhbj5BdmFpbGFiaWxpdHk6IHtvbmUuYXZhaWxhYmxlP1wi4pyUXCI6XCLinYxcIiB9PC9zcGFuPiAmbmJzcDsmbmJzcDsgPHNwYW4+UXVhbnRpdHk6IHtvbmUucXVhbnRpdHl9PC9zcGFuPlxyXG4gICAgICAgICAgPC9zbWFsbD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9DYXJkPlxyXG4gICAgPC9kaXY+XHJcbiAgKSk6IG51bGx9XHJcbiAgPC9kaXY+KVxyXG5leHBvcnQgZGVmYXVsdCBQb3N0cyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQVNBO0FBQUE7QUFFQTtBQUNBO0FBQUE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFGQTtBQVFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBSEE7QUFNQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBR0E7QUFBQTtBQXpCQTtBQUZBO0FBQ0E7QUFrQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./client/Posts.jsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _item_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item.jsx */ \"./client/item.jsx\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/index.js\");\n\n\n\n\n\nvar Posts = function Posts(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, props.items ? props.items.map(function (one) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      key: one._id\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"Card\"], {\n      key: one._id,\n      style: {\n        display: \"flex\",\n        flexDirection: \"row\",\n        marginBottom: \"8px\"\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      style: {\n        flex: 4\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n      width: \"100%\",\n      src: \"http://127.0.0.1:3000/api/uploads/\" + one.photo,\n      alt: \"Card image cap\"\n    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      style: {\n        flex: 6,\n        marginLeft: \"7px\"\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"CardTitle\"], {\n      tag: react_router_dom__WEBPACK_IMPORTED_MODULE_1__[\"Link\"],\n      to: \"items/\" + one._id,\n      className: \"mb-1\"\n    }, one.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"br\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"small\", {\n      className: \"text-muted\"\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"CardText\"], {\n      tag: react_router_dom__WEBPACK_IMPORTED_MODULE_1__[\"Link\"],\n      to: \"/users/\" + one.user.username\n    }, one.user.firstname, \" \", one.user.lastname)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"CardText\"], null, \"Description: \", one.description), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"small\", {\n      className: \"text-muted\"\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"Price: $\", one.price), \" \\xA0\\xA0 \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"Availability: \", one.available ? \"✔\" : \"❌\"), \" \\xA0\\xA0 \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"Quantity: \", one.quantity)))));\n  }) : null);\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Posts);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jbGllbnQvUG9zdHMuanN4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vY2xpZW50L1Bvc3RzLmpzeD8wZDljIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgTGluayB9IGZyb20gXCJyZWFjdC1yb3V0ZXItZG9tXCI7XHJcbmltcG9ydCBJdGVtIGZyb20gXCIuL2l0ZW0uanN4XCJcclxuXHJcbmltcG9ydCB7XHJcbiAgQ2FyZCxcclxuICBDYXJkSW1nLFxyXG4gIENhcmRUZXh0LFxyXG4gIENhcmRCb2R5LFxyXG4gIENhcmRUaXRsZSxcclxuICBDYXJkU3VidGl0bGUsXHJcbiAgQnV0dG9uXHJcbn0gZnJvbSBcInJlYWN0c3RyYXBcIjtcclxuXHJcbnZhciBQb3N0cyA9IChwcm9wcykgPT4gKFxyXG4gIDxkaXYgPlxyXG4gICAge3Byb3BzLml0ZW1zID8gcHJvcHMuaXRlbXMubWFwKG9uZSA9PiAoXHJcbiAgICAgIDxkaXYga2V5PXtvbmUuX2lkfSA+XHJcbiAgICAgICAgey8qIDxDYXJkVGV4dCB0YWc9e0xpbmt9IHRvPXtcIi9cIiArIG9uZS51c2VyLnVzZXJuYW1lfT57b25lLnVzZXIuZmlyc3RuYW1lfSB7b25lLnVzZXIubGFzdG5hbWV9PC9DYXJkVGV4dD4gKi99XHJcbiAgICAgICAgPENhcmRcclxuICAgICAgICAgIGtleT17b25lLl9pZH1cclxuICAgICAgICAgIHN0eWxlPXt7XHJcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxyXG4gICAgICAgICAgICBtYXJnaW5Cb3R0b206IFwiOHB4XCJcclxuICAgICAgICAgIH19XHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGRpdiBzdHlsZT17eyBmbGV4OiA0IH19PlxyXG4gICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcclxuICAgICAgICAgICAgICBzcmM9e1wiaHR0cDovLzEyNy4wLjAuMTozMDAwL2FwaS91cGxvYWRzL1wiICsgb25lLnBob3RvfVxyXG4gICAgICAgICAgICAgIGFsdD1cIkNhcmQgaW1hZ2UgY2FwXCJcclxuICAgICAgICAgICAgLz5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBzdHlsZT17eyBmbGV4OiA2LCBtYXJnaW5MZWZ0OiBcIjdweFwiIH19PlxyXG4gICAgICAgICAgICA8Q2FyZFRpdGxlIHRhZz17TGlua30gdG89e1wiaXRlbXMvXCIgKyBvbmUuX2lkfSBjbGFzc05hbWU9XCJtYi0xXCI+e29uZS5uYW1lfTwvQ2FyZFRpdGxlPlxyXG4gICAgICAgICAgICA8YnIgLz5cclxuICAgICAgICAgICAgPHNtYWxsIGNsYXNzTmFtZT1cInRleHQtbXV0ZWRcIj5cclxuICAgICAgICAgICAgICA8Q2FyZFRleHQgdGFnPXtMaW5rfSB0bz17XCIvdXNlcnMvXCIgKyBvbmUudXNlci51c2VybmFtZX0+e29uZS51c2VyLmZpcnN0bmFtZX0ge29uZS51c2VyLmxhc3RuYW1lfTwvQ2FyZFRleHQ+XHJcbiAgICAgICAgICAgIDwvc21hbGw+XHJcbiAgICAgICAgICAgIDxDYXJkVGV4dD5EZXNjcmlwdGlvbjoge29uZS5kZXNjcmlwdGlvbn08L0NhcmRUZXh0PlxyXG4gICAgICAgICAgICA8c21hbGwgY2xhc3NOYW1lPVwidGV4dC1tdXRlZFwiPlxyXG4gICAgICAgICAgICAgIDxzcGFuPlByaWNlOiAke29uZS5wcmljZX08L3NwYW4+ICZuYnNwOyZuYnNwOyA8c3Bhbj5BdmFpbGFiaWxpdHk6IHtvbmUuYXZhaWxhYmxlID8gXCLinJRcIiA6IFwi4p2MXCJ9PC9zcGFuPiAmbmJzcDsmbmJzcDsgPHNwYW4+UXVhbnRpdHk6IHtvbmUucXVhbnRpdHl9PC9zcGFuPlxyXG4gICAgICAgICAgICA8L3NtYWxsPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9DYXJkPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICkpIDogbnVsbH1cclxuICA8L2Rpdj4pXHJcbmV4cG9ydCBkZWZhdWx0IFBvc3RzIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBU0E7QUFBQTtBQUVBO0FBQ0E7QUFBQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUZBO0FBUUE7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFIQTtBQU1BO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFHQTtBQUFBO0FBekJBO0FBRkE7QUFDQTtBQWtDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./client/Posts.jsx\n");
 
 /***/ }),
 
diff --git a/public/css.css b/public/css.css
index 5b06c2e..9ee7569 100644
--- a/public/css.css
+++ b/public/css.css
@@ -4,6 +4,10 @@
     width: 60px;
     height: 34px;
   }
+  .border {
+    border-style: solid;
+    border-width: 5px;
+  }
   
   /* Hide default HTML checkbox */
   .switch input {