diff --git a/about/about.html b/about/about.html
index 0528845..5b8a7f9 100644
--- a/about/about.html
+++ b/about/about.html
@@ -27,17 +27,24 @@
InsIIITS - Team
-
Coming soon
-
+
+
Spiderman (web developer)πΈοΈ
-
+
-
+
+
diff --git a/about/style.css b/about/style.css
index 8d0e5eb..d8983ea 100644
--- a/about/style.css
+++ b/about/style.css
@@ -114,12 +114,16 @@
.description h3 {
margin: 0;
- font-size: 1.2rem;
+ font-size: 1.8rem;
+
+ color: #000;
+
+
}
.description p {
margin: 0;
- font-size: 0.9rem;
+ font-size: .9rem;
}
@@ -131,6 +135,7 @@
place-items: flex-start center;
background: var(--bg);
overflow-x: hidden;
+
}
#parent{
@@ -269,13 +274,26 @@
top: 10px;
filter: invert(8);
}
- .h2 {
-
-
- position: absolute;
-
+
+ .h2--scalingSize {
+ font-family: 'Times New Roman', Times, serif ;
+ font-style: italic;
+ font-size:6rem;
+ position:relative;
+ top: 10px;
filter: invert(8);
}
+
+ .h3--scalingSize {
+ font-family: 'Times New Roman', Times, serif ;
+ font-style: italic;
+ font-size:6rem;
+ position:relative;
+
+ top: 10px;
+
+ }
+
[for="switch"] {
cursor: pointer;
@@ -691,12 +709,64 @@
- #nav-bar{
- display: none;
+ :root {
+ --background: #000000;
+ --navbar-width: 220px;
+ --navbar-width-min: 40px;
+ --navbar-dark-primary: #5eead467;
+ --navbar-dark-secondary: #60a5fa;
+ --navbar-light-primary: #000000;
+ --navbar-light-secondary: #000000;
+ }
+
+ .nav-button {
+ position: relative;
+ margin-left: 2px;
+ height: 54px;
+ display: flex;
+ align-items: center;
+ color: var(--navbar-light-secondary);
+ direction: ltr;
+ cursor: pointer;
+ z-index: 1;
+ transition: color 0.2s;
}
+ .nav-button1 {
+ margin-left: 10px;
+ }
+
+ .wrapper {
+ margin-left: 50px;
+ width: 100%;
+ height: auto;
+ position: relative;
+ overflow: scroll; /* Change to 'scroll' */
+ }
+
+ .h1--scalingSize {
+ font-family: 'Times New Roman', Times, serif ;
+ font-style: italic;
+ font-size:2.5rem;
+ position:relative;
+ top: 10px;
+ filter: invert(8);
+ }
+ .team-member-img {
+ width: 120px; /* Adjust image width as needed */
+ height: auto; /* Maintain aspect ratio */
+ border-radius: 20px; /* Optional: Apply border-radius */
+ }
+ .h2--scalingSize {
+ font-family: 'Times New Roman', Times, serif ;
+ font-style: italic;
+ font-size:2rem;
+ position:relative;
+ top: 10px;
+ filter: invert(8);
+ }
}