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); + } }