/* Tab Content */
[data-tab-content] {
  display: none;
}

.active[data-tab-content] {
  display: block;
}



.tabs {
  display: flex;
  justify-content: space-around;
  list-style-type: none;

  
  padding-top: 2vh;
  
  background-color: rgb(0, 51, 102);

  color: white;

  padding-bottom: 16vh;

  
}

.tab {
  cursor: pointer;
  
  padding-left: 4vw;
  padding-right: 4vw;
  padding-top: 6vh;

 
}

.tab.active {
  background-color: rgb(241, 179, 0);
  padding-top: 6vh;
  padding-bottom: 5vh;
  
 
}

.tab:hover {
  background-color: rgb(241, 179, 0);
  padding-top: 6vh;
  
}

.tab-content {
  
  
  text-align: center;
  background-color: rgb(195, 184, 178);

 
}





.header {

padding-top: 3vh;

  background-color: rgb(0, 51, 102);

  display: flex;

  
}



/* Banner */
.logo { 
  float: left;

  
 
  

  

  background-color: rgb(0, 51, 102); 

  

  padding-right: 2vw;


 

 

 
  
}

.title {
  text-align: center;

  

  padding-top: 5vh;


  color: white;


}

















.teamInfo {
  text-align: center;
}



.SponsorEducation {

  padding-left: 23vw;

  width: 15vw;

  


  float: left;

 

 
  
}


.TeachingExperience {
  padding-left: 4vw;

  float: left;

  width: 15vw;

  

 

  
}


.Workshops {
  padding-left: 60vw;

  float: inline-end;

  width: 15vw;;


  padding-top: 1vh;
}



/*
Team Information Tab
*/
.Grace {
  

  width: 30vw;

  float: left;

 

  
}

.Brett {
  padding-left: 4vw;

  float: left;

  width: 30vw;

  
}

.Chase {
  padding-left: 68vw;


  width: 30vw;

  float: inline-end;

  padding-top: 1vh;

  padding-bottom: 8vh;
}