diff --git a/public/members.css b/public/members.css
index f982e922..12697fc7 100644
--- a/public/members.css
+++ b/public/members.css
@@ -14,54 +14,39 @@
.profile-card {
position: relative;
width: 15rem;
- height: 15rem;
background: var(--link-color);
padding: 20px;
- border-radius: 50%;
box-shadow: 0 0 22px #3336;
- transition: 0.6s;
margin: 0 25px;
-}
-
-.profile-card:hover {
border-radius: 10px;
- height: 400px;
+ height: 500px;
+ background-color: rgba(130, 87, 160, 0.596);
}
+
+
.profile-card .profile-img {
position: relative;
width: 100%;
- height: 100%;
- transition: 0.6s;
z-index: 0;
}
-.profile-card:hover .profile-img {
- transform: translateY(-80px);
-}
+
.profile-img img {
aspect-ratio: 1/1;
width: 100%;
border-radius: 50%;
box-shadow: 0 0 22px #3336;
- transition: 0.6s;
object-fit: contain;
background: whitesmoke;
-}
-
-.profile-card:hover img {
border-radius: 10px;
+
}
.profile-card .caption {
text-align: center;
- transform: translateY(-240px);
- opacity: 0;
- transition: 0.6s ease-in-out;
color: white;
-}
-.profile-card:hover .caption {
- opacity: 1;
+
}
.profile-card .caption h3 {
@@ -83,8 +68,8 @@
font-size: 18px;
}
-.profile-card:hover .team-social-links .s-icon {
- color: aqua;
+.profile-card .team-social-links .s-icon {
+ color: indigo;
}
.section-buttons {
diff --git a/public/styles.css b/public/styles.css
index 32a11e3e..336c13a8 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -4,7 +4,7 @@
--font-inter: Inter;
/* font sizes */
- --font-size-11xl: 30px;
+ --font-size-11xl: 50px;
--font-size-8xl: 27px;
--font-size-41xl: 60px;
--font-size-16xl: 35px;
@@ -31,7 +31,7 @@
--body-darker-background: #bbb;
--body_color: #fff;
--navbar-background: #ececec;
- --link-color: #55d7dc;
+ --link-color: rgb(199, 162, 224);;
--color-text-primary: #dddddd;
--color-text-secondary: #bfbfbf;
--color-text-tertiary: #7e7e7e;
diff --git a/src/App.js b/src/App.js
index 1ffeb9d3..83c50046 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,52 +1,34 @@
-import React from "react";
-import underConstructionImage from './static/images/underconstruction.png';
+import {React,useState} from "react";
+// import underConstructionImage from './static/images/underconstruction.png';
-// import { HashRouter } from "react-router-dom";
-// import Navbar from "./components/navbar";
-// import Headroom from "react-headroom";
-// import AnimatedCursor from "./components/animatedCursor";
-// import AnimatedRoutes from "./components/AnimatedRoutes";
-// eslint-disable-next-line
-// import Preloader from "./components/Preloader";
+import { HashRouter } from "react-router-dom";
+import Navbar from "./components/navbar";
+import Headroom from "react-headroom";
+import AnimatedCursor from "./components/animatedCursor";
+import AnimatedRoutes from "./components/AnimatedRoutes";
// eslint-disable-next-line
+import Preloader from "./components/Preloader";
const App = () => {
- // const initialTheme = localStorage.getItem("selectedTheme");
- // console.log(`Found ${initialTheme} mode in local storage, setting theme that only.`);
- // const [theme, setTheme] = useState(initialTheme);
- // const setThemeOuter = (currentTheme)=>{
- // setTheme(currentTheme)
- // }
+ const initialTheme = localStorage.getItem("selectedTheme");
+ console.log(`Found ${initialTheme} mode in local storage, setting theme that only.`);
+ const [theme, setTheme] = useState(initialTheme);
+ const setThemeOuter = (currentTheme)=>{
+ setTheme(currentTheme)
+ }
return (
// Uncomment the below lines to Have everything working!
- // <>
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
Coming Soon!
-