+
diff --git a/src/index.css b/src/index.css
index b883253..cbd64f8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,5 +2,124 @@
@tailwind components;
@tailwind utilities;
+.min-h-screen {
+ min-height: 50vh;
+}
+.bg-neutral {
+ --tw-bg-opacity: 1;
+ background-color: #e5e6e6;
+}
+.text-5xl {
+ font-size: 3rem;
+ line-height: 1.3;
+
+ color: #D7D55B;
+ text-shadow: 2px 2px 4px #414141;
+
+ font-family: "Fjalla One", serif;
+ font-optical-sizing: auto;
+ font-weight: 700;
+ font-style: normal;
+ font-variation-settings:
+ "slnt" 0;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+ line-height: 2rem;
+
+ color: #D7D55B;
+ text-shadow: 2px 2px 4px #414141;
+
+ font-family: "Afacad Flux", sans-serif;
+ font-optical-sizing: auto;
+ font-weight: 500;
+ font-style: normal;
+ font-variation-settings:
+ "slnt" 0;
+
+}
+
+.text-3xl {
+ font-size: 2rem;
+ line-height: 2rem;
+
+ font-family: "Afacad Flux", sans-serif;
+ font-optical-sizing: auto;
+ font-weight: 500;
+ font-style: normal;
+ font-variation-settings:
+ "slnt" 0;
+
+}
+
+html, :host {
+ line-height: 1.5;
+ -webkit-text-size-adjust: 100%;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+ font-size: 1.2rem;
+
+ font-family: "Afacad Flux", sans-serif;
+ font-optical-sizing: auto;
+ font-weight: 450;
+ font-style: normal;
+ font-variation-settings:
+ "slnt" 0;
+
+ -webkit-tap-highlight-color: transparent;
+}
+
+
+.border-primary {
+ --tw-border-opacity: 0;
+}
+
+.border-black {
+ --tw-border-opacity: 0;
+
+}
+
+.shadow-2xl {
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+.card-body {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ padding: var(--padding-card, 2rem);
+ gap: 0.5rem;
+
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+.rounded-lg {
+ border-radius: 0.5rem;
+
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+.w-80 {
+ width: 10rem;
+}
+
+.w-96 {
+ width: 20rem;
+}
+
+.card-title {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ font-size: 1.5rem;
+ line-height: 1.75rem;
+ font-weight: 700;
+}
+
+.max-w-sm {
+ max-width: 20em;
+}
\ No newline at end of file
diff --git a/src/routes/About.jsx b/src/routes/About.jsx
index ba0bba5..2b8ff73 100644
--- a/src/routes/About.jsx
+++ b/src/routes/About.jsx
@@ -12,12 +12,12 @@ const About = () => {
{/* Left side: Collage of images */}
-

+
{/* Right side: About Me */}
-
About Me
+
Harriet Baker-Bates
After graduating, I started my career as Publicity Assistant for
diff --git a/src/routes/Contact.jsx b/src/routes/Contact.jsx
index 94d4687..d9301b0 100644
--- a/src/routes/Contact.jsx
+++ b/src/routes/Contact.jsx
@@ -16,9 +16,6 @@ const Contact = () => {
}}
>
-
- Get in touch
-
@@ -60,7 +57,7 @@ const Contact = () => {
-