html, body{
    padding:0;
    margin:0;
    overflow-x:hidden;
}
#human-practice-banner-section{
    width:100%;
}

#top-info-container{
    display:flex;
    flex-direction:horizontal;
    /* justify-content: center; */
    padding: 25px 25px;
    gap:5%;
}

#project-overview-container{

}

#project-overview-list-items li{
    padding:5px;
}
#project-overview-list-items a{
    text-decoration: none;
    color:black;
    cursor:pointer;
    font-size:1.5rem;
}
#project-overview-list-items a:hover{
    color:lightskyblue;
}

#summary-container{
    background-color:lightblue;
    width:80%;
    border-radius: 25px;
    padding:25px 25px;
}


#summary-synergy-text{
    color:blue;
}

.heading-banner{
    width:100%;
    text-align:center;
    padding: 1px 0;
}
.heading-banner h1, h2, h3{
    font-size:3rem;
}

.headshot-threeblock-section{
    margin-bottom:5rem;
}

.academic-expert-container{
    display:flex;
    flex-direction:row;
    gap:5%;
    justify-content: flex-start;

}
#academic-expert-headshot-container{
    display:flex;
    flex-direction:column; 
    justify-content:flex-end;
    padding:50px 50px;
    align-self:flex-start;
    gap:15px;
}

.academic-expert-name{
    font-size:2rem;
}

.three-info-boxes-container{
    margin-top:3rem;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:0px;

}
.three-info-boxes-container div{
    padding-left:10px;
    padding-right:50px;
     padding-top:1px;
    padding-bottom:20px;
    vertical-align:top;
    border-radius: 25px;
}

.who-they-are-1-container,.who-they-are-2-container,.who-they-are-3-container{
    background-color:lightblue;
}

.who-they-are-4-container,.who-they-are-5-container,.who-they-are-6-container,.who-they-are-7-container,.who-they-are-8-container,.who-they-are-9-container,.who-they-are-10-container,
.who-they-are-11-container,.who-they-are-12-container{
    background-color:greenyellow;
}


.questions-we-asked-1-container,.questions-we-asked-2-container,.questions-we-asked-3-container{
    background-color:green;
    width:90%;
}
.questions-we-asked-4-container,.questions-we-asked-5-container,.questions-we-asked-6-container,.questions-we-asked-7-container,.questions-we-asked-8-container,
.questions-we-asked-9-container,.questions-we-asked-10-container,.questions-we-asked-11-container,.questions-we-asked-12-container{
    background-color:lightgray;
    width:90%;
}
/* depends if its even or odd */
.questions-we-asked-1-container,.questions-we-asked-3-container,.questions-we-asked-4-container,.questions-we-asked-6-container,.questions-we-asked-8-container,
.questions-we-asked-10-container,.questions-we-asked-12-container{
    margin-left:auto;
    z-index: 1;
    margin-top:-1rem;
}
.questions-we-asked-2-container,.questions-we-asked-5-container,.questions-we-asked-7-container,.questions-we-asked-9-container,
.questions-we-asked-11-container{
    margin-right:auto;
    z-index: 1;
    margin-top:-1rem;
}
/* end of even odd */

.major-takeaways-1-container,.major-takeaways-2-container,.major-takeaways-3-container{
    background-color:grey;
    margin-top:-0.5rem;
     z-index: 1;
}
.major-takeaways-4-container,.major-takeaways-5-container,.major-takeaways-6-container,.major-takeaways-7-container,.major-takeaways-8-container,.major-takeaways-9-container,
.major-takeaways-10-container,.major-takeaways-11-container,.major-takeaways-12-container{
    background-color:purple;
    margin-top:-1rem;
}

.who-they-are-1-heading,.questions-we-asked-1-heading,.major-takeaways-1-heading,
.who-they-are-2-heading,.questions-we-asked-2-heading,.major-takeaways-2-heading,
.who-they-are-3-heading,.questions-we-asked-3-heading,.major-takeaways-3-heading,
.who-they-are-4-heading,.questions-we-asked-4-heading,.major-takeaways-4-heading,
.who-they-are-5-heading,.questions-we-asked-5-heading,.major-takeaways-5-heading,
.who-they-are-6-heading,.questions-we-asked-6-heading,.major-takeaways-6-heading,
.who-they-are-7-heading,.questions-we-asked-7-heading,.major-takeaways-7-heading,
.who-they-are-8-heading,.questions-we-asked-8-heading,.major-takeaways-8-heading,
.who-they-are-9-heading,.questions-we-asked-9-heading,.major-takeaways-9-heading,
.who-they-are-10-heading,.questions-we-asked-10-heading,.major-takeaways-10-heading,
.who-they-are-11-heading,.questions-we-asked-11-heading,.major-takeaways-11-heading,
.who-they-are-12-heading,.questions-we-asked-12-heading,.major-takeaways-12-heading
{
    font-size:2rem;
    cursor:pointer;
}


.questions-we-asked-1-list li,.questions-we-asked-2-list li, .questions-we-asked-3-list li,
.questions-we-asked-4-list li,.questions-we-asked-5-list li,.questions-we-asked-6-list li,.questions-we-asked-7-list li,
.questions-we-asked-8-list li,.questions-we-asked-9-list li,.questions-we-asked-10-list li,.questions-we-asked-11-list li,
.questions-we-asked-12-list li{
    margin-bottom:10px;
}

.who-they-are-1-dropdown-container,.questions-we-asked-1-dropdown-container, .major-takeaways-1-dropdown-container,
.who-they-are-2-dropdown-container,.questions-we-asked-2-dropdown-container, .major-takeaways-2-dropdown-container,
.who-they-are-3-dropdown-container,.questions-we-asked-3-dropdown-container, .major-takeaways-3-dropdown-container,
.who-they-are-4-dropdown-container,.questions-we-asked-4-dropdown-container, .major-takeaways-4-dropdown-container,
.who-they-are-5-dropdown-container,.questions-we-asked-5-dropdown-container, .major-takeaways-5-dropdown-container,
.who-they-are-6-dropdown-container,.questions-we-asked-6-dropdown-container, .major-takeaways-6-dropdown-container,
.who-they-are-7-dropdown-container,.questions-we-asked-7-dropdown-container, .major-takeaways-7-dropdown-container,
.who-they-are-8-dropdown-container,.questions-we-asked-8-dropdown-container, .major-takeaways-8-dropdown-container,
.who-they-are-9-dropdown-container,.questions-we-asked-9-dropdown-container, .major-takeaways-9-dropdown-container,
.who-they-are-10-dropdown-container,.questions-we-asked-10-dropdown-container, .major-takeaways-10-dropdown-container,
.who-they-are-11-dropdown-container,.questions-we-asked-11-dropdown-container, .major-takeaways-11-dropdown-container,
.who-they-are-12-dropdown-container,.questions-we-asked-12-dropdown-container, .major-takeaways-12-dropdown-container
{
    display:flex;
    gap:15px;
    cursor:pointer;
}

.who-they-are-1-dropdown-icon,.questions-we-asked-1-dropdown-icon,.major-takeaways-1-dropdown-icon,
.who-they-are-2-dropdown-icon,.questions-we-asked-2-dropdown-icon,.major-takeaways-2-dropdown-icon,
.who-they-are-3-dropdown-icon,.questions-we-asked-3-dropdown-icon,.major-takeaways-3-dropdown-icon,
.who-they-are-4-dropdown-icon,.questions-we-asked-4-dropdown-icon,.major-takeaways-4-dropdown-icon,
.who-they-are-5-dropdown-icon,.questions-we-asked-5-dropdown-icon,.major-takeaways-5-dropdown-icon,
.who-they-are-6-dropdown-icon,.questions-we-asked-6-dropdown-icon,.major-takeaways-6-dropdown-icon,
.who-they-are-7-dropdown-icon,.questions-we-asked-7-dropdown-icon,.major-takeaways-7-dropdown-icon,
.who-they-are-8-dropdown-icon,.questions-we-asked-8-dropdown-icon,.major-takeaways-8-dropdown-icon,
.who-they-are-9-dropdown-icon,.questions-we-asked-9-dropdown-icon,.major-takeaways-9-dropdown-icon,
.who-they-are-10-dropdown-icon,.questions-we-asked-10-dropdown-icon,.major-takeaways-10-dropdown-icon,
.who-they-are-11-dropdown-icon,.questions-we-asked-11-dropdown-icon,.major-takeaways-11-dropdown-icon,
.who-they-are-12-dropdown-icon,.questions-we-asked-12-dropdown-icon,.major-takeaways-12-dropdown-icon
{
    transform: rotate(0deg);
    transition: all 0.3s;
    align-self:center;
}
.active {
    transform: rotate(90deg);
}


.integrated-human-practices-summary{
    background-color:lightblue;
    width:90%;
    border-radius: 25px;
    padding:40px 40px;
}

.integrated-human-practices-summary-container{
    display:flex;
    justify-content:center;
    margin-bottom:3rem;
}
.design-chart-image-container{
    display:flex;
    justify-content:center;
    
}

.integrating-feedback-design-container{
    margin-bottom:4rem;
}

.integrating-feedback-design-container h1{
    font-size:2rem;
    margin-bottom:2rem;
    margin-left:2%;
}

.integrated-human-practices-summary-part2{
    background-color:lightgrey;
    width:90%;
    border-radius: 25px;
    padding:40px 40px;
}

#top-info-container-part-2{
    display:flex;
    flex-direction:horizontal;
    padding: 50px 50px;
    gap:25%;
}

.education-zoom-img-container{
    display:flex;
    justify-content:center;
}
.overview-part-2-info-box-container{
    border-radius: 25px;
    margin-top:3rem;
    display:flex;
    padding:10px 10px;
    width:80%;
    gap:5%;
}
.overview-part-2-info-box-title{
    font-size:2rem;
    padding-top:10px;
}


.overview-part-2-info-box-text{
   width:60%;
   justify-self:center;
}

.two-image-container{
    display:flex;
    justify-content:center;
    gap:10%;
    margin-bottom:4rem;
}

.collaboration-zoom-image-container{
    display:flex;
    justify-content: center;
}
.collaboration-zoom-image-container img{
    width:95%;
}