.full-height {
    height: 100vh;
}

.member-display {
    display: flex;
    justify-content: center;
    align-items: center;
    word-wrap: break-word;
}

.member-display div {
    margin:30px;
    width: 25%;
}

h3 {
    font-size: medium;
    color: rgb(44, 179, 237);
    padding: 10px;
}

.headshot {
    height: 20vw;
    max-height: 250px;
}

.nav-logo {
    height: 25px;
    width: 30px;
}


.card {
    background-image: linear-gradient( to right, rgb(255, 128, 128), rgb(191, 128, 255), rgb(77, 210, 255)  );
    display: inline-block;
    transition: 0.3s;
}  


  /* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transform: translate(0, -10px);
}

.project-info-container {
    width: 60%;
    text-align: center;
    margin: auto;
    min-width: 200px;
}

.project-info-container > h1 {
    display: inline;
    border-bottom: 4px solid;
    border-image: linear-gradient( to right, rgb(255, 128, 128), rgb(191, 128, 255), rgb(77, 210, 255)  )1;

}

.project-info-container > h2 {
    margin-top: 2%;
}

.project-info-container > p {
    margin-left: 1%;
    margin-right: 5%;
    margin-top: 1%;
}

.project-info-container > ul {
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1%;
    text-align: left;
}

.technology-list > li {
    font-size: larger;
}

.technology-list > p{
    margin-left: 1%;
    margin-right: 5%;
    margin-top: .25%;  
}

.sol-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border: 2px solid;
    border-image: linear-gradient( to right, rgb(255, 128, 128), rgb(191, 128, 255), rgb(77, 210, 255)  )1;
}

.Gantt-Chart {
    margin-top: 2%;
    margin-bottom: 2%;
    width: 95%;
}