+
+ Our Team
+
+
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ACM-Team-Profile/style.css b/ACM-Team-Profile/style.css
new file mode 100644
index 0000000..331a1cc
--- /dev/null
+++ b/ACM-Team-Profile/style.css
@@ -0,0 +1,115 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+ font-family: "Poppins", sans-serif;
+}
+
+body {
+ background-color: #f5f5f5;
+}
+
+div {
+ row-gap: 40px;
+}
+
+.row {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 2em 1em;
+ text-align: center;
+}
+
+.column {
+ width: 100%;
+ padding: 0.5em 0;
+}
+
+h1 {
+ width: 100%;
+ text-align: center;
+ font-size: 3.5em;
+ color: #1f003b;
+}
+
+.card {
+ box-shadow: 0 0 2.4em rgba(25, 0, 58, 0.1);
+ padding: 3.5em 1em;
+ border-radius: 1.9em;
+
+ color: #1f003b;
+ cursor: pointer;
+ transition: 0.3s;
+ background-color: #ffffff;
+}
+
+.card .img-container {
+ width: 12em;
+ height: 12em;
+ background-color: #93e4ffc9;
+ padding: 0.5em;
+ border-radius: 50%;
+ margin: 0 auto 2em auto;
+}
+
+.card img {
+ width: 100%;
+ height: 100%;
+ border-radius: 80%;
+}
+
+.card h3 {
+ font-weight: 500;
+}
+
+.card p {
+ font-weight: 300;
+ text-transform: uppercase;
+ margin: 0.5em 0 2em 0;
+ letter-spacing: 2px;
+}
+
+.icons {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 1rem;
+}
+
+.card a {
+ text-decoration: none;
+ color: inherit;
+ font-size: 1.4em;
+}
+
+.card:hover {
+ background: linear-gradient(#6045ea, #8567f7);
+ transition: all 0.5s;
+ color: #ffffff;
+}
+
+.card:hover .img-container {
+ transform: scale(1.15);
+}
+
+@media screen and (min-width: 768px) {
+ section {
+ padding: 1em 7em;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ section {
+ padding: 1em;
+ }
+
+ .card {
+ padding: 5em 1em;
+ }
+
+ .column {
+ flex: 0 0 33.33%;
+ max-width: 25%;
+ padding: 0 1em;
+ }
+}
\ No newline at end of file
+