/* =========================== MISC =============================== */
@import "navbar.css";
@import "button.css";
@import "doc.css";
@import "demo.css";
@import "schedule.css";
@import "solution.css";
@import "tech.css";

html {
    scroll-behavior: smooth;
}

h1, h3 {
  display: flex;
  justify-content: center;
  color: #A21D25;
  font-family: 'Inconsolata', monospace;
}
@media only screen and ( max-width: 600px ) {
  h1 {
        font-size: 15px;
      }
    }
    @media only screen and ( max-width: 600px ) {
      h3 {
            font-size: 10px;
          }
        }
/* ================================================================ */




/* ======================== OUR MISSION =========================== */
.whiteContainer {
  display: flex;
  align-self: center;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 150px;
  padding-top: 150px;
  padding-left: 300px;
  padding-right: 300px;
}
#proof {
  width: 18vw;
  padding: 20px;
  margin: 20px;
  border: 2.5px solid #A21D25;
}
#proofred {
  width: 16vw;
}
.whiteContainer-1 {
  display: flex;
  padding-top: 200px;
  padding-bottom: 200px;
  flex-direction: row;

}
@media only screen and ( max-width: 600px ) {
  .whiteContainer-1  {
  padding: 50px;
  flex-direction: column;
      }
}
@media only screen and ( max-width: 600px ) {
  .whiteContainer  {
  padding: 50px;
  font-size: 10px;
      }
}
@media only screen and ( max-width: 600px ) {
  .whiteContainer p  {
  font-size: 10px;
      }
}
.mid {
  padding-left: 10px;
  margin-top: auto;
  margin-bottom:auto;

}
.center-piece {
  padding-left: 65px;
}
.center-piece img {
  max-width: 15vw;
}
.whiteContainer-1 h1 {
  display: flex;
  align-self: center;
  font-size: 40px;
  padding-left: 250px;
  padding-right: 100px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and ( max-width: 600px ) {
  .whiteContainer-1 h1  {
  font-size: 18px;
  padding: 0px;
      }
}

.whiteContainer-1 .summary {
  display: flex;
  align-self: center;
  padding-left: 50px;
  padding-right: 50px;
  font-size: large;
  text-align: left;
  font-weight: bold;
  color:#A21D25;
  flex-direction: column;
  text-indent: 50px;
}
@media only screen and ( max-width: 600px ) {
  .whiteContainer-1 .summary {
    font-size: 13px;

      }
}
.whiteContainer-1 .mid img {
  max-width: 28vw;
  padding-left: 200px;
}
@media only screen and ( max-width: 600px ) {
  .whiteContainer-1 .mid img {
    padding-left: 100px;

      }
}
@media only screen and ( max-width: 600px ) {
  .center-piece img  {
  padding: 10px;
  padding-left:50px;
  max-width: 20vw;
      }
}
/* ================================================================ */









/* ================= ABOUT OUR SPONSOR  =========================== */

.section {
  background-color: #DF7C81;
  padding-top: 200px;
  padding-bottom:200px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 25px;
  color: white;
  font-family: 'Inconsolata', monospace;
  text-align: center;

}
@media only screen and ( max-width: 600px ) {
  .section{
    padding: 50px;

      }
    }

    @media only screen and ( max-width: 600px ) {
      .section img{
          max-width: 70vw;
          }
        }

.section h1 {
  color:white;
}

.hold {
  display: flex;
  justify-content: row;
}

.about-sponsor {
  font-family: 'Inconsolata', monospace;
  text-align: left;
  padding-left: 300px;
  padding-right: 300px;

}
.about-sponsor b {
  color:#A21D25;
}
@media only screen and ( max-width: 600px ) {
  .about-sponsor{
      padding: 0px;
      font-size: 10px;
      }
    }

.hold {
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.section .hold img {
  max-width: 18vw;
  border-radius: 20px;
  padding: 10px;
  margin: 20px;
  border: 1.5px solid white;
}

#describe {
  font-size: 20px;
}
/* ================================================================ */









/* ======================== OUR TEAM ============================== */

.memberCont {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.member {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 400px;
  height: 500px;
  border-radius: 20px;
  background-color:#DF7C81;
  margin: 20px;
  font-family: 'Reem Kufi Ink', sans-serif;
  color: white;
  font-size: 25px;
}

.member img {
  width: 13vw;
  height: 12vw;
  border-radius: 20px;
  display: flex;
  border: 2px solid white;
  margin-top: 10px;
}


@media only screen and ( max-width: 600px ) {
  .member img {
        max-width: 30vw;
      }
    }

.member a {
  padding-left: 30px;
  padding-right: 10px;
  font-size: 20px;
  align-self: center;
}

@media only screen and ( max-width: 600px ) {
  .member{
        max-width:30vw;
        max-height: 40vw;
        font-size: 8px;
        margin: 3px;
        border-radius: 10px;
      }
    }
    @media only screen and ( max-width: 600px ) {
      .member a{
            font-size: 8px;
            padding-left: 10px;
          }
        }

/* ================================================================ */

.member a {
  text-decoration: none;
  color: white;
}

.member a b:hover {
  color:#A21D25
}