Do not merge

Kaymera style

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;
+}
+*/