diff --git a/assets/css/common.css b/assets/css/common.css
new file mode 100644
index 0000000..1f868b6
--- /dev/null
+++ b/assets/css/common.css
@@ -0,0 +1,18 @@
+@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
+
+.montserrat {
+ font-family: 'Montserrat', sans-serif;
+}
+
+.noto-sans {
+ font-family: 'Noto Sans', sans-serif;
+}
+
+.white {
+ color: white;
+}
+
+.bold-900 {
+ font-weight: 900;
+}
\ No newline at end of file
diff --git a/assets/css/index.css b/assets/css/index.css
new file mode 100644
index 0000000..952fccf
--- /dev/null
+++ b/assets/css/index.css
@@ -0,0 +1,76 @@
+body {
+ min-height: 100vh;
+ background: rgb(2, 0, 36);
+ background: -moz-linear-gradient(140deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 30%, rgba(0, 111, 131, 1) 100%);
+ background: -webkit-linear-gradient(140deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 30%, rgba(0, 111, 131, 1) 100%);
+ background: linear-gradient(140deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 30%, rgba(0, 111, 131, 1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#006f83", GradientType=1);
+}
+
+#indexTitle {
+ position: absolute;
+ top: 50%;
+ left: 40%;
+ transform: translateX(-50%) translateY(-50%);
+ z-index: auto;
+}
+
+#login {
+ position: fixed;
+ display: block;
+ top: 35px;
+ right: 35px;
+ z-index: auto;
+}
+
+#loginButton {
+ text-decoration: none;
+ letter-spacing: 2px;
+ padding: 12px;
+ border: solid white;
+ border-radius: 15px;
+ transition: all 500ms;
+}
+
+
+#loginButton:hover {
+ transition: all 500ms;
+ color: #546a7b;
+ background-color: #fdfdff;
+ box-shadow: 0 0 100px white;
+}
+
+/* Very small devices (portrait phone, 575 and down) */
+@media (max-width: 575px) {
+ #title {
+ font-size: 3em;
+ }
+
+ #subtitle {
+ font-size: 1em;
+ }
+
+}
+
+
+/* Small devices (landscape phones, 576px and up)*/
+@media (min-width: 576px) {
+ #title {
+ font-size: 5em;
+ }
+
+ #subtitle {
+ font-size: 1.5em;
+ }
+}
+
+/* Large devices (desktops, 992px and up)*/
+@media (min-width: 992px) {
+ #title {
+ font-size: 7em;
+ }
+
+ #subtitle {
+ font-size: 2.5em;
+ }
+}
\ No newline at end of file
diff --git a/assets/css/reset.css b/assets/css/reset.css
new file mode 100644
index 0000000..1c85489
--- /dev/null
+++ b/assets/css/reset.css
@@ -0,0 +1,53 @@
+/* http://meyerweb.com/eric/tools/css/reset/ */
+/* v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+ outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+ text-decoration: none;
+}
+del {
+ text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..6c1ee9b
--- /dev/null
+++ b/index.php
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Food inventory
+
+
+
+
+
Food inventory
+ Keep an eye on your food.
+
+
+
+
+
+
\ No newline at end of file