diff --git a/flexiapi/public/css/kaymera.style.css b/flexiapi/public/css/kaymera.style.css
new file mode 100644
index 0000000..5ab0798
--- /dev/null
+++ b/flexiapi/public/css/kaymera.style.css
@@ -0,0 +1,172 @@
+body {
+ --main-color: #188071;
+ min-height: 100vh;
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('/img/kaymera_background.svg');
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+}
+
+body > .container > .card {
+ background-color: white;
+ border-radius: 1rem;
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+header {
+ background-color: var(--main-color);
+}
+
+footer {
+ padding: 1rem;
+}
+
+.btn {
+ border: 1px solid var(--main-color);
+ background-color: transparent;
+ color: #188071;
+ border-radius: 3rem;
+ font-size: 15px;
+ letter-spacing: 0.75px;
+ text-transform: uppercase;
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.navbar-nav:first-child:before {
+ content: "";
+ background-image: url('/img/kaymera_logo.svg');
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center;
+ width: 2.5rem;
+ height: 2.5rem;
+}
+
+.page-link,
+.page-link:hover,
+h1, h2, h3, a, label {
+ color: var(--main-color);
+}
+
+nav ul li a {
+ color: white;
+ opacity: 0.8;
+}
+
+nav ul li a:hover,
+nav ul li.active a {
+ color: white;
+ opacity: 1;
+}
+
+.btn:hover,
+.btn:not(.disabled):not(:disabled):active,
+.btn:not(.disabled):not(:disabled):focus {
+ background-color: var(--main-color);
+ border-color: var(--main-color);
+}
+
+.btn.btn-centered {
+ display: block;
+ margin: 1rem auto;
+}
+
+/*@font-face {
+ font-family: "Montserrat";
+ src: local("Montserrat Regular"), local("Montserrat-Regular"), url("https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
+ font-style: normal;
+ font-weight: 400;
+ unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+ font-family: "Montserrat";
+ src: local("Montserrat Bold"), local("Montserrat-Bold"), url("https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2") format("woff2");
+ font-style: normal;
+ font-weight: 700;
+ unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+body {
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ font-family: "Montserrat";
+}
+
+body > div {
+ flex: 1 0 auto;
+}
+
+.container {
+ max-width: 960px;
+}
+
+body > header::after,
+body > footer::before {
+ background-image: url('/img/header.svg');
+ background-color: white;
+ background-position: bottom center;
+ background-repeat: repeat-x;
+ display: block;
+ height: 10rem;
+ width: 100%;
+ background-size: 40rem;
+ content: '';
+}
+
+@media screen and (max-width: 991px) {
+ nav.navbar {
+ display: none;
+ }
+}
+
+h1, h2, h3, a, label {
+ color: red;
+}
+
+nav ul li a {
+ color: white;
+ opacity: 0.8;
+}
+
+nav ul li a:hover,
+nav ul li.active a {
+ color: white;
+ opacity: 1;
+}
+
+input.form-control {
+ border-color: #9ec6dc;
+}
+
+.btn {
+ border: 1px solid red;
+ background-color: transparent;
+ color: red;
+ border-radius: 10rem;
+}
+
+body > footer,
+body > header nav {
+ background-color: red;
+}
+
+body > footer {
+ color: white;
+ padding-bottom: 1rem;
+ text-align: center;
+}
+
+body > header::after {
+ background-position: top center;
+ margin-bottom: -4.5rem;
+}
+
+body > footer::before {
+ background-image: url('/img/footer.svg');
+ height: 9rem;
+}
+*/
\ No newline at end of file
diff --git a/flexiapi/public/img/kaymera_background.svg b/flexiapi/public/img/kaymera_background.svg
new file mode 100644
index 0000000..9cc51bb
--- /dev/null
+++ b/flexiapi/public/img/kaymera_background.svg
@@ -0,0 +1,9 @@
+
diff --git a/flexiapi/public/img/kaymera_logo.svg b/flexiapi/public/img/kaymera_logo.svg
new file mode 100644
index 0000000..639a42e
--- /dev/null
+++ b/flexiapi/public/img/kaymera_logo.svg
@@ -0,0 +1,9 @@
+