chore: add typographies and tweak screen sizes

2 files changed, 11 insertions, 5 deletions

diff --git a/resources/src/css/_typography.scss b/resources/src/css/_typography.scss
index b011e7c..f0cc680 100644
--- a/resources/src/css/_typography.scss
+++ b/resources/src/css/_typography.scss
@@ -17,3 +17,8 @@
   font-family: "roboto-regular";
   src: url("../fonts/roboto/Roboto-Regular.ttf");
 }
+
+@font-face {
+  font-family: "roboto-medium";
+  src: url("../fonts/roboto/Roboto-Medium.ttf");
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 6522a82..dbec746 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,16 +5,17 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        nunito: ['nunito-light', 'sans-serif'],
-        roboto: ['roboto-light', 'sans-serif'],
+        "nunito": ["nunito-light", "sans-serif"],
+        "nunito-semibold": ["nunito-semibold", "sans-serif"],
+        "roboto": ["roboto-light", "sans-serif"],
+        "roboto-medium": ["roboto-medium", "sans-serif"],
       },
       screens: {
-        'xs': '480px',
-        'ml': '930px',
+        "xs": "480px",
       },
     },
   },
   plugins: [
-    require('@tailwindcss/forms')
+    require("@tailwindcss/forms")
   ],
 }