index-style-backup-1.css

.body-wrapper{
    display: grid;
    grid-template-columns: 25vw auto;
    grid-auto-rows: auto;
    margin: 90px auto 0 auto;
    row-gap: 48px;
    column-gap: 32px;
    padding: 0 36px;
}

.bio-container{
    position: fixed;
    grid-column: 1 / span 1;
    width: 25vw;
    margin: 0 auto;
    /* background-color: #fff; */
    /* box-shadow: 0px 0px 10px #33333328; */
    
}

.bio-image-container{
    margin: 24px auto 24px auto;
}

.bio-image{
    margin: 0 auto;
    display: block;
    height: 10vw;
    width: 10vw;
    border-radius: 100%;  
}

.bio-paragraph-container{
    width: 95%;
    min-width: 200px;
    margin: auto;
}

.project-container{
    padding: 32px;
    display: grid;
    grid-template-columns: 55% auto;
    grid-template-rows: auto auto 20px;
    grid-column: 2 / span 1;
    box-shadow: 0px 0px 10px #33333328;
    border-radius: 8px;
    column-gap: 24px;
    row-gap: 2px;
    text-decoration: none;
    transition: cubic-bezier(0.23, 1, 0.320, 1) 1.2s;
    cursor: pointer;
}

.project-container:hover{
    transform: scale(1.02);
    /* box-shadow: 0px 1px 14px #33333315; */
}

.project-container p{
    font-size: 16px;
}
/* .project-container div{ */
    /* background-color: aqua; */
/* } */

.project-image-container{
    grid-column: 2 / span 1;
    grid-row: 1 / span 3;
    background-size: cover;
    background-position: center;
    min-height: 250px;
    border-radius: 5px;
}

.project-container:last-of-type{
    margin-bottom: 8vh;
}

#preterm .project-image-container{
    background-image: url(./images/home/baby.jpg);
}
#pharmacy .project-image-container{
    /* background-image: url(https://images.unsplash.com/photo-1543709533-c032159da7b0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80); */
    /* background-image: url(./images/home/prescription.jpg); */
    background-image: url(https://images.unsplash.com/photo-1563213126-a4273aed2016?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);
}

#team3 .project-image-container{
    background-position: 50% 80%;
    background-image: url(./images/home/smartbox.jpg);
}
#polling .project-image-container{
    background-image: url(./images/home/polling.jpg);
}
#ayurveda .project-image-container{
    background-image: url(./images/home/nava-savhita.jpg);
}
#bosch2020 .project-image-container{
    background: url(./images/home/Bosch2020-2_2.gif);
    background-position: center;
    background-size: cover;
}


.project-role{
    margin-bottom: 0px;
    font-weight: 600;
}