/* Team-24 ID unique styles */

/* Team-24 Senior Member Hover Effects */

#Niveditha {
  img {
    transform: translate(-40px, 10px);
    scale: 1.8;
  }
}

#Aparna {
  img {
    transform: translate(-60px, -30px);
    scale: 1.3;
  }
}

#Ajmal {
  img {
    transform: translate(-60px, 10px);
    scale: 1.3;
  }

  h1 {
    scale: 0.9;
    transform: translate(-120%, -30px);
  }

  h4 {
    scale: 0.9;
    transform: translate(-90%, 0px);
  }
}

/* Team-24 Senior Member Hover Effects */

#Roshan:hover {
  img {
    transform: translate(0px, 50px);
    scale: 1.7;
  }
}

#Akhil:hover {
  img {
    transform: translate(-120px, 25px);
    scale: 1.7;
  }
}

#Niveditha:hover {
  img {
    transform: translate(20px, 20px);
    scale: 2.5;
  }
}

#Pranay:hover {
  img {
    transform: translate(45px, 0px);
    scale: 1.1;
  }
}

#Havis:hover {
  img {
    transform: translate(0px, 0px);
    scale: 1.5;
  }
}

#Gokul:hover {
  img {
    transform: translate(20px, 0px);
    scale: 1.1;
  }
}

#Nihal:hover {
  img {
    transform: translate(-10px, -10px);
    scale: 1.5;
  }
}

#Ananthu:hover {
  img {
    transform: translate(-200px, 20px);
    scale: 1.4;
  }
}

#Aparna:hover {
  img {
    transform: translate(20px, -30px);
    scale: 1.5;
  }
}

#Ajmal:hover {
  img {
    transform: translate(-150px, 0px);
    scale: 1.5;
  }

  h1 {
    scale: 0.9;
    transform: translate(-45%, -30px);
  }

  h4 {
    scale: 0.9;
    transform: translate(-45%, 0px);
  }
}

#Harinandan:hover {
  img {
    transform: translate(0px, 0px);
    scale: 1.3;
  }
}

/* Team-24 Junior Member Default */

#Athul {
  img {
    transform: translate(-100px, 50px);
    scale: 1.1;
    rotate: 13deg;
  }
}

#Nandana {
  img {
    transform: translate(-40px, 0px);
    scale: 1.7;
  }
}

#Danis {
  img {
    transform: translate(-40px, -45px);
    scale: 1.6;
  }
}

#Induchoodan {
  img {
    transform: translate(-70px, 10px);
    scale: 1.2;
  }
}

#Sofiya {
  img {
    transform: translate(-60px, 0px);
    scale: 1.3;
  }
}

#Shibin {
  img {
    transform: translate(-40px, 30px);
    scale: 2;
  }

  h1 {
    scale: 0.9;
    transform: translate(-120%, -30px);
  }

  h4 {
    scale: 0.9;
    transform: translate(-90%, 0px);
  }
}

#Naveen {
  img {
    transform: translate(-150px, 0px);
    scale: 1;
  }
}

#Althaf {
  img {
    transform: translate(-90px, 0px);
    scale: 1;
  }
}

#Abhishek {
  img {
    transform: translate(-40px, 20px);
    scale: 1.5;
  }
}

#Swaroop {
  img {
    transform: translate(-15px, 0px);
    scale: 2.5;
    rotate: -15deg;
  }
}

#Sreelakshmi {
  img {
    transform: translate(-40px, -20px);
    scale: 2.5;
  }
}

#Harigovind {
  img {
    transform: translate(-40px, 0px);
    scale: 1.5;
  }
  
  h1 {
    transform: translate(-100%, -30px);
  }
  h4 {
    transform: translate(-100%, 0px);
  }
}

#Sreedev {
  img {
    transform: translate(-40px, 30px);
    scale: 1.5;
  }
}

#Siva {
  img {
    transform: translate(-60px, -10px);
    scale: 1.7;
  }
}

#Ananthu1 {
  img {
    transform: translate(-80px, 10px);
    scale: 1;
  }
}

#Samvratha {
  img {
    transform: translate(-60px, 10px);
    scale: 1.5;
  }
  
  h1 {
    transform: translate(100%, -40px);
  }
  h4 {
    transform: translate(100%, -20px);
  }
}

#Diya {
  img {
    transform: translate(-60px, -5px);
    scale: 1.3;
  }
}

#Dhanush {
  img {
    transform: translate(-20px, -50px);
    scale: 1.7;
  }
}

#Nikhitha {
  img {
    transform: translate(-40px, -40px);
    scale: 1.7;
  }
}

#Vandana {
  img {
    transform: translate(-90px, 30px);
    scale: 1.3;
  }
}

#Jetly {
  img {
    transform: translate(-50px, 40px);
    scale: 1.7;
  }
}

#Arshad {
  img {
    transform: translate(-70px, -5px);
    scale: 2;
  }
}

#Sourav {
  img {
    transform: translate(-50px, 5px);
    scale: 1.7;
  }
}

#Sarang {
  img {
    transform: translate(-70px, 10px);
    scale: 1.2;
  }
}

#Neehar {
  img {
    transform: translate(-100px, -20px);
    scale: 1.2;
  }
}

/* Team-24 Junior Member Hover Effects */

#Athul:hover {
  img {
    transform: translate(15px, 10px);
    rotate: 0deg;
    scale: 1.3;
  }
}

#Nandana:hover {
  img {
    transform: translate(30px, 10px);
    scale: 2.5;
  }
}

#Danis:hover {
  img {
    transform: translate(-120px, -50px);
    scale: 1.8;
  }
  h1 {
    scale: 0.85;
  }
}

#Induchoodan:hover {
  img {
    transform: translate(30px, 30px);
    scale: 1.5;
  }
}

#Sofiya:hover {
  img {
    transform: translate(-150px, 20px);
    scale: 1.5;
  }
}

#Shibin:hover {
  img {
    transform: translate(-90px, 40px);
    scale: 2.5;
  }

  h1 {
    scale: 0.9;
    transform: translate(-45%, -30px);
  }

  h4 {
    scale: 0.9;
    transform: translate(-45%, 0px);
  }
}

#Naveen:hover {
  img {
    transform: translate(-10px, 20px);
    scale: 1.5;
  }
}

#Althaf:hover {
  img {
    transform: translate(10px, 30px);
    scale: 1.5;
  }
}

#Abhishek:hover {
  img {
    transform: translate(-100px, 30px);
    scale: 2;
  }
}

#Swaroop:hover {
  img {
    transform: translate(-60px, -10px);
    scale: 3;
  }
}

#Sreelakshmi:hover {
  img {
    transform: translate(20px, -20px);
    scale: 2.8;
  }
}

#Harigovind:hover {
  img {
    transform: translate(-120px, -10px);
    scale: 1.5;
  }
  h1 {
    transform: translate(-40%, -30px);
  }
  h4 {
    transform: translate(-40%, 0px);
  }
}

#Sreedev:hover {
  img {
    transform: translate(45px, 40px);
    scale: 1.7;
  }
}

#Siva:hover {
  img {
    transform: translate(15px, -10px);
    scale: 1.9;
  }
}

#Ananthu1:hover {
  img {
    transform: translate(-150px, 40px);
    scale: 1.5;
  }
}

#Samvratha:hover {
  img {
    transform: translate(20px, 30px);
    scale: 2;
  }
  h1 {
    transform: translate(-60%, -40px);
    font-size: 30px;
  }
  h4 {
    transform: translate(-60%, -20px);
  }
}

#Diya:hover {
  img {
    transform: translate(25px, 10px);
    scale: 1.5;
  }
}

#Dhanush:hover {
  img {
    transform: translate(-80px, -40px);
    scale: 2;
  }
}

#Nikhitha:hover {
  img {
    transform: translate(-100px, -30px);
    scale: 2;
  }
}

#Vandana:hover {
  img {
    transform: translate(10px, 45px);
    scale: 1.7;
  }
}

#Jetly:hover {
  img {
    transform: translate(-75px, 60px);
    scale: 2.8;
  }
}

#Arshad:hover {
  img {
    transform: translate(0px, 10px);
    scale: 2.5;
  }
}

#Sourav:hover {
  img {
    transform: translate(0px, 25px);
    scale: 2.5;
  }
}

#Sarang:hover {
  img {
    transform: translate(-130px, 40px);
    scale: 1.6;
  }
}

#Neehar:hover {
  img {
    transform: translate(-130px, 0px);
    scale: 2;
  }
}