@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');
body {
  height: 100%;
  width: 100%;
  background: rgb(31, 30, 36);
  font-family: 'Arimo', Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: white;
}

* {
  transition: 300ms;
}
.event {
  font-size: 8px;
}
.intro {
  text-align: center;
  margin-top: 170px;
  font-weight: bolder;
  font-size: 45px;
}

ul {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
p {
  font-weight: 400;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: #6abcea;
}

.containerteam {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.movie-card {
  background: #041e42;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 315px;
  margin: 2em;
  align-items: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.movie-header {
  padding: 0;
  margin: 0;
  height: 367px;
  width: 100%;
  display: block;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.hod {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/198.jpg');
  background-size: cover;
}

.Convenor {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/199.jpg');
  background-size: cover;
}
.President {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691644529/Anvith1_11zon_soszzu.jpg');
  background-size: cover;
}
.Secretary {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691645081/rahul_11zon_1_fr9a5i.jpg');
  background-size: cover;
}
.Treasurer,
.Committee4 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691643674/Shrajan_11zon_iisx3e.jpg');
  background-size: cover;
}
.Sumangala {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/192.jpg');
  background-size: cover;
}
.Athokpam {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/658.jpg');
  background-size: cover;
}
.Murari {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/660.jpg');
  background-size: cover;
}
.Sunith {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/633.jpg');
  background-size: cover;
}
.Amita {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/684.jpg');
  background-size: cover;
}
.Rakshitha {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/665.jpg');
  background-size: cover;
}
.Brill {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/695.jpg');
  background-size: cover;
}
.Jayashree {
  background: url('http://sjec.ac.in/admin-sjec/photos/faculty/694.jpg');
  background-size: cover;
}

.Cyberwarfare1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553195/Joshiana/Ishwar_ehrxjr.jpg');
  background-size: cover;
}
.Cyberwarfare2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553198/Joshiana/Rovin_tlxcg4.jpg');
  background-size: cover;
}
.Wizard1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553195/Joshiana/Divyesh_yz2riy.jpg');
  background-size: cover;
}
.Wizard2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553199/Joshiana/Sahana_twlyrg.jpg');
  background-size: cover;
}
.Strategist1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691558261/Joshiana/Chitra_11zon_wttyzh.jpg');
  background-size: cover;
}
.Strategist2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691557034/Joshiana/Varnitha_11zon_twsah4.jpg');
  background-size: cover;
}
.Reconnaissance1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691557756/Joshiana/Skandamani_11zon_qhlq93.jpg');
  background-size: cover;
}
.Reconnaissance2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553195/Joshiana/Harshitha_uzgsmh.jpg');
  background-size: cover;
}
.Tech1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553200/Joshiana/Subha_clcwqk.jpg');
  background-size: cover;
}
.Tech2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691557406/Joshiana/Ronney_11zon_crnbyx.jpg');
  background-size: cover;
}
.Capoeira1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691642398/Sujana_11zon_o1k2lf.jpg');
  background-size: cover;
}
.Capoeira2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553194/Joshiana/Anushree_raugdi.jpg');
  background-size: cover;
}
.Tactician1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691642641/Sinchana_11zon_lvskng.jpg');
  background-size: cover;
}
.Tactician2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691642798/Arpitha_11zon_pofwgk.jpg');
  background-size: cover;
}
.Emperor1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691642964/Benadecta_11zon_hzgjzy.jpg');
  background-size: cover;
}
.Emperor2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553196/Joshiana/Preksha_tg8iud.jpg');
  background-size: cover;
}
.Frontline1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691643098/Jeevan_11zon_hdthdh.jpg');
  background-size: cover;
}

.Frontline2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553195/Joshiana/Kaushik_fz79fr.jpg');
  background-size: cover;
}
.Onepiece1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553195/Joshiana/Gaurav_z9j2ti.jpg');
  background-size: cover;
}
.Onepiece2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553200/Joshiana/Sooraj_vtytze.jpg');
  background-size: cover;
}
.Committee1 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553195/Joshiana/Gleveta_gmi7r0.jpg');
  background-size: cover;
}
.Committee2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691642230/Shravan_11zon_zbb24x.jpg');
  background-size: cover;
}
.Committee3 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691644004/Shreya_chowta_11zon_ly7jpx.jpg');
  background-size: cover;
}

.Committee5 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691643372/Shreya_Acharya_11zon_hq2cym.jpg');
  background-size: cover;
}
.Committee6 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691643855/Shravan_shetty_11zon_foxkp0.jpg');
  background-size: cover;
}

/* .Committee8{
  background: url("./IMAGE/Gleveta.JPG");
  background-size: cover;
} */
.Design1,
.Committee7 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691555626/Joshiana/Floyden_11zon_fnzovm.jpg');
  background-size: cover;
}
.Design2 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691556600/Joshiana/Ajay_11zon_bw4zbo.jpg');
  background-size: cover;
}
.Design3 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553200/Joshiana/Aneesh_yooq6q.jpg');
  background-size: cover;
}
.Design4 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553194/Joshiana/Clavin_lohsus.jpg');
  background-size: cover;
}
.Design5 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553201/Joshiana/Anet_vuqahe.jpg');
  background-size: cover;
}
.Design6 {
  background: url('https://res.cloudinary.com/floyden/image/upload/v1691553195/Joshiana/Jovita_sm7dlv.jpg');
  background-size: cover;
}

.header-icon-container {
  position: relative;
}

.header-icon {
  width: 100%;
  height: 367px;
  line-height: 367px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
  color: #ffffff;
  font-size: 54px;
  text-shadow: 0px 0px 20px #6abcea, 0px 5px 20px #6abcea;
  opacity: 0.85;
}

.header-icon:hover {
  background: rgba(0, 0, 0, 0.15);
  font-size: 74px;
  text-shadow: 0px 0px 20px #6abcea, 0px 5px 30px #6abcea;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  opacity: 1;
}

.movie-card:hover {
  transform: scale(1.03);
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08);
}

.movie-content {
  padding: 18px 18px 24px 18px;
  margin: auto;
}

.movie-content-header,
.movie-info {
  display: table;
  width: 100%;
  text-align: center;
}

.movie-title {
  font-size: 24px;
  margin: 0;

  display: table-cell;
}

.movie-info {
  margin-top: 0.5em;
}

.info-section {
  display: table-cell;
  text-transform: uppercase;
  text-align: center;
}

.info-section:first-of-type {
  text-align: left;
}

.info-section:last-of-type {
  text-align: right;
}

.info-section label {
  display: block;
  color: white;
  margin-bottom: 0.5em;
  font-size: 15px;
  text-align: center;
}

.info-section span {
  font-weight: 700;
  font-size: 11px;
}

@media screen and (max-width: 728px) {
  .movie-card {
    width: 95%;
    max-width: 95%;
    margin: 1em;
    display: block;
  }
  .intro {
    font-size: 20px;
    margin: 100px 50px 50px;
  }
  .container {
    padding: 0;
    margin: 0;
  }
}