From 9a133d5f8bb59fdcf77f785969c21b656702f3e0 Mon Sep 17 00:00:00 2001
From: Sujata Gunale <67959015+TidbitsJS@users.noreply.github.com>
Date: Fri, 27 Oct 2023 00:07:08 +0530
Subject: [PATCH] feat: test neo brutalism

---
 src/components/HomeInfo.jsx |  6 ++----
 src/index.css               | 12 +++++++++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/HomeInfo.jsx b/src/components/HomeInfo.jsx
index bdd7693..7802250 100644
--- a/src/components/HomeInfo.jsx
+++ b/src/components/HomeInfo.jsx
@@ -3,11 +3,9 @@ import { Link } from "react-router-dom";
 const HomeInfo = ({ currentStage }) => {
   if (currentStage === 1)
     return (
-      <h1 className='text-2xl font-extrabold sm:leading-snug font-manrope text-center glassmorphism p-4 text-black-500'>
+      <h1 className='text-2xl sm:leading-snug font-manrope text-center neo-brutalism py-4 px-8 text-white'>
         Hey, I'm
-        <span className='blue-gradient_text font-extrabold mx-2'>
-          Adrian Hajdin
-        </span>
+        <span className='font-extrabold mx-2 text-white'>Adrian Hajdin</span>
         👋
         <br />
         Software Engineer from Croatia
diff --git a/src/index.css b/src/index.css
index 49b2adb..b3df572 100644
--- a/src/index.css
+++ b/src/index.css
@@ -10,7 +10,7 @@
 }
 
 body {
-  font-family: "Poppins", sans-serif;
+  font-family: "Manrope", sans-serif;
 }
 
 body:has(.card[data-color="blue"]:hover) {
@@ -144,3 +144,13 @@ body:has(.card[data-color="green"]:hover) {
 .block-container:hover > .btn-front {
   transform: translateZ(80px) translateY(-5px) rotateX(15deg) rotateY(15deg);
 }
+
+/* Neo Brutalism */
+.neo-brutalism {
+  background: #00a9ff;
+  position: relative;
+  border-radius: 10px;
+  border: #00a9ff;
+  box-shadow: 0.6vmin 0.6vmin #00a9ff, 1vmin 1vmin #0092db, 1vmin 1vmin #0092db,
+    0.65vmin 1vmin #0092db, 1vmin 0.65vmin #0092db;
+}