diff --git a/assets/css/common.css b/assets/css/common.css
index 890bcbb..c2bdcd6 100644
--- a/assets/css/common.css
+++ b/assets/css/common.css
@@ -1,5 +1,6 @@
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
body {
min-height: 100vh;
@@ -9,6 +10,10 @@ body {
font-family: 'Montserrat', sans-serif;
}
+.lato {
+ font-family: 'Lato', sans-serif;
+}
+
.noto-sans {
font-family: 'Noto Sans', sans-serif;
}
@@ -61,4 +66,8 @@ body {
.halo-hover:hover {
transition: all 500ms;
box-shadow: 0 0 100px white;
+}
+
+.width50P {
+ width: 50%;
}
\ No newline at end of file
diff --git a/assets/css/welcome.css b/assets/css/welcome.css
new file mode 100644
index 0000000..955e405
--- /dev/null
+++ b/assets/css/welcome.css
@@ -0,0 +1,75 @@
+h1 {
+ font-size: 3.5em;
+}
+
+#header {
+ position: absolute;
+ top: 25px;
+ left: 35px;
+ right: 35px;
+ z-index: auto;
+}
+
+.button {
+ display: inline-block;
+ text-decoration: none;
+ border: none;
+ border-radius: 7px;
+ padding: 10px 25px;
+ transition: all 250ms;
+ margin-bottom: 10px;
+ font-size: large;
+}
+
+.btn-violet {
+ background-color: rgb(169, 89, 201);
+}
+
+.btn-violet:hover {
+ transition: all 250ms;
+ background-color: rgb(145, 47, 184);
+}
+
+.btn-red {
+ background-color: #EC7063;
+}
+
+.btn-red:hover {
+ transition: all, 250ms;
+ background-color: rgb(211, 59, 42);
+}
+
+.btn-blue {
+ background-color: rgb(59, 140, 233);
+}
+
+.btn-blue:hover {
+ transition: all, 250ms;
+ background-color: rgb(51, 104, 202);
+}
+
+.btn-dark {
+ background-color: #424949;
+}
+
+.btn-dark:hover {
+ transition: all, 250ms;
+ background-color: #282b2b;
+}
+
+.btn-green {
+ background-color: #2ECC71;
+}
+
+.btn-green:hover {
+ transition: all, 250ms;
+ background-color: rgb(20, 172, 53);
+}
+
+body {
+ background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(90, 92, 106, 1) 0%, rgba(32, 45, 58, 1) 81.3%);
+}
+
+#buttonList, #buttonList2 {
+ margin-top: 10px;
+}
\ No newline at end of file
diff --git a/welcome.php b/welcome.php
index de62370..67de2bb 100644
--- a/welcome.php
+++ b/welcome.php
@@ -13,32 +13,34 @@ if (!is_connected()) {
- Welcome
-
-
+
+
+
+
+
+
+ Food inventory - Welcome
-
-