training.tsx still a bit messy, all that is left is to retrieve data from firestore /training and /walkthrough and render it

tailwind.config.js

@@ -8,6 +8,9 @@ module.exports = {
 	],
 	theme: {
 		extend: {
+			boxShadow: {
+				'training-inset': 'inset 0px 2px 18px 0px #00000029',
+			},
 			colors: {
 				mti: {
 					orange: {DEFAULT: "#FF6000", dark: "#cc4402", light: "#ff790a", ultralight: "#ffdaa5"},
@@ -62,5 +65,5 @@ module.exports = {
 			},
 		},
 	},
-	plugins: [require("daisyui"), require("tailwind-scrollbar-hide")],
+	plugins: [require("daisyui"), require("tailwind-scrollbar-hide"),],
 };