*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#282030;color:#fff}.logo{width:181px;height:75px;top:11px;left:72px;gap:0px;opacity:0px}.hero{text-align:center;padding:100px 20px;background-image:url(/assets/hero_image.png);background-size:cover;background-position:center;filter:brightness(.7)}.hero h1{font-size:3rem;margin-bottom:20px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.5rem;margin-bottom:40px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .btn{background-color:#06c;color:#fff;padding:15px 30px;border:none;font-size:1rem;cursor:pointer}.about{text-align:center;background-color:#282030}.departments{padding:0 20px;text-align:center}.department-grid{display:grid;gap:20px}.department{background-color:#242038;padding:20px;border-radius:10px;text-align:center}.department h3{font-family:roboto,sans-serif;color:#ffc36c;font-size:24px;padding:10px 0;font-weight:700;letter-spacing:1px}.department img{margin-left:auto;margin-right:auto}.team{background-color:#1e1b2a;text-align:center}.team-grid{display:grid;gap:20px;justify-content:center}.team-member{background-color:#242038;padding:20px;border-radius:10px;text-align:center;background-color:#282c34;background:linear-gradient(0deg,#282c34,#11002080);box-shadow:0 7px 20px 5px #0008;border-radius:.7rem;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:hidden;transition:.05s all}.team-member hr{width:100%;border:none;border-bottom:1px solid #88888855;margin-top:0}.team-member :before{position:fixed;content:"";box-shadow:0 0 100px 40px #ffffff08;top:-10%;left:-100%;transform:rotate(-45deg);height:60rem;transition:.7s all}.team-member:hover{cursor:pointer;border:0px solid #ffffff44;box-shadow:0 2px 40px 5px #000a}.team-member:hover :before{top:-100%;left:200%}.team-member img{width:100px;height:100px;align-items:center;margin:auto;border:1px solid #ffc36c;border-radius:50%;padding:7px}.team-member h3{margin-bottom:5px;color:#ffc36c;font-weight:700}.team-member p{color:#999}.team .btn{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#06c;color:#fff;text-decoration:none;border-radius:5px;font-size:1rem}.designers{gap:20px;justify-content:center;align-items:center;margin-left:5%;margin-right:5%;text-align:center}.designer-details{width:100%;background-image:linear-gradient(250deg,#373a41,#0b011380);color:#555;padding:180px 25px 25px;margin-top:-160px;display:inline-block;border-radius:3%}.designer-img{width:85%;margin:auto}.designer-img img{border-radius:5%;z-index:1;position:relative;padding:10px;border:2px solid #e8b563}.designer-name{color:#ffc36c;font-weight:700;font-family:Poppins,sans-serify}.designer-dept{color:#bbc3cc}.contact{padding:50px 0;background-color:#000;text-align:center}.contact-info{display:flex;justify-content:center;align-items:center;gap:50px}.contact-info .club-info img,.contact-info .mist-info img{margin-bottom:10px}.contact-info .mist-info p{font-size:.9rem;color:#ccc;text-align:left}.contact h2{font-size:2rem;margin-bottom:30px;font-weight:700;text-align:center}.mist{display:flex;gap:1.5pc}.mist img{width:20px;height:20px}footer{background-image:linear-gradient(90deg,#34194f 1.5%,#8676ad);padding:40px}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap}.footerlogo{width:15rem}.contact-section{max-width:400px}.links-section{justify-content:center;align-items:left;margin:auto}footer h2{color:#fff}.links{list-style:none;display:flex;gap:12px;color:#ffc36c}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.social-section{margin:auto;font-size:1.2rem}.social-section ul{display:flex;justify-content:center;margin:auto}.mec{text-align:center;font-weight:700;font-size:3rem}.footer-bottom{text-align:center;margin-top:20px;border-top:1px solid #444;padding-top:10px;font-size:14px}.facebook-follow{display:inline-block;border:2.5px solid rgb(252,186,63);padding:10px;background-image:linear-gradient(90deg,#2e1b41 10%,#695a94);border-radius:.8rem}.fb-post{color:#ffc36c;font-weight:700}.facebook-box{display:flex;align-items:center}.facebook-box img{width:100px;height:auto;margin-right:10px;border-radius:5px}.facebook-details{text-align:left}.facebook-details p{margin:5px 0}.like-button{background-color:#4267b2;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.like-button:hover{background-color:#365899}.Allmember{background-color:#1e1b2a;text-align:center}.members-grid{display:grid;gap:20px;justify-content:center}.Allmember h3{color:#d79595}.member{background-color:#242038;padding:20px;text-align:center;background-color:#282c34;background:linear-gradient(10deg,#282c34,#11002080);box-shadow:0 7px 20px 5px #0008;border-radius:2rem;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:hidden;transition:.5s all}.member hr{width:100%;border:none;border-bottom:1px solid #88888855;margin-top:0}.member :before{position:fixed;content:"";box-shadow:0 0 100px 40px #ffffff08;top:-10%;left:-100%;transform:rotate(-45deg);height:60rem;transition:.7s all}.member:hover{border:1px solid #ffffff44;box-shadow:0 7px 50px 10px #000a;transform:scale(1.015)}.member:hover :before{top:-100%;left:200%}.member img{width:100px;height:100px;align-items:center;margin:auto;z-index:1;position:relative;border:3px solid rgb(136,108,108);border-radius:20%;padding:7px}.member h3{margin-bottom:5px;color:#a87c7c;font-weight:700}.member p{color:#999}.Allmember .btn{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#06c;color:#eef15c;text-decoration:none;border-radius:5px;font-size:1rem}.Executive h3{color:#e99351}.Executive img{border:3px solid rgb(233,147,81)}.Associate h3{color:#fef9a7}.Associate img{border:3px solid rgb(254,249,167)}.alumni h3{color:#40ead3}.alumni img{border:3px solid rgb(64,234,211)}