div.team-card-container {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   overflow-x: hidden;
   display: flex;
   padding: 0;
   margin: 0;
   z-index: 100000;
   transform-origin: right;
   transform: translateX(150vw);
   background-color: white;
   transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
   -webkit-transform: translateX(150vw);
   -moz-transform: translateX(150vw);
   -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
   -moz-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

div.team-card-container.active {
   transform: translateX(0);
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
}

div.team-card-container div.close-win {
   color: black;
   width: 30px;
   height: 30px;
   position: -webkit-sticky;
   position: sticky;
   top: 10px;
   left: 10px;
   border: 1px solid black;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   z-index: 1001;
}

div.team-card-container .member {
   width: 45%;
}

div.title {
   color: #A5967A;
}

div.team-card-container > div.member-image {
   flex: 1;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

div.team-card-container > div.member-bio {
   position: relative;
   padding: 20px;
   text-align: justify;
}

div.team-card-container > div.member-bio > .info {
   line-height: 1;
   padding: 0;
   margin: 0;
}

div.team-card-container > div.member-bio > p {
   margin-bottom: 20px;
}

div.divider {
   padding: 20px 0;
}

div.navigation-container {
   display: flex;
   position: -webkit-sticky;
   position: sticky;
   top: 20px;
   left: 100%;
   width: min-content;
}

div.navigation-container button {
   margin-left: 5px;
}

.team-social {
   text-decoration: none;
   margin-bottom: 20px;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #114862;
   color: white;
   border: 1px solid #114862;
   transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
   -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
   -moz-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.team-social:hover {
   background-color: transparent;
   color: #114862;
}
