.flex {
    display: flex;
}

.item-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.space-between{
    justify-content: space-between;
}
.uppercase {
    text-transform: uppercase;
}

.bolder {
    font-weight: bolder;
}

.text-center {
    text-align: center;
}

.larger-font {
    font-size: larger;
}

.justify-right {
    justify-items: right;
}

.carousel-item img {
    height: 300px;
}
.bold{
    font-weight: 900;
}

.carousel-caption h1 {
    font-weight: bolder;
    color: rgb(255 255 255);
}

.publications {
    margin: 40px;
}

.publications li {
    padding: 10px;
}

.outside-margin {
    margin: 10px 5vw;
}

.bio-section h4 {
    font-weight: bolder;
}

.section-2 {
    margin: 20px;
}

.middle-block {
    /* border: 2px solid red; */
    height: cover;
}

.first-div {
    /* border: 2px solid rebeccapurple; */
    width: 20%;
    box-shadow: rgba(0, 0, 0, 4) 1px 1px 5px;
    height: 400px;
    overflow: scroll;
}

.section-2 h2 {
    background-color: antiquewhite;
}

.second-div {
    /* border: 2px solid rebeccapurple; */
    margin: 1vw 1vw;
    height: 400px;
    width: 60%;
    box-shadow: rgba(0, 0, 0, 4) 1px 1px 5px;
    overflow: scroll;
}
.second-div-bio {
    /* border: 2px solid rebeccapurple; */
    margin: 1vw 1vw;
    height: fit-content;
    width: 60%;
    box-shadow: rgba(0, 0, 0, 4) 1px 1px 5px;
    overflow: auto;
}
.second-div-bio img{
    height: 400px;
    width: 400px;
}

.third-div {
    /* border: 2px solid rebeccapurple; */
    width: 20%;
    box-shadow: rgba(0, 0, 0, 4) 1px 1px 5px;
    height: 400px;
    overflow: scroll;
}

@media only screen and (max-width:900px) {
    .middle-block {
        flex-direction: column;
        /* overflow-y: auto; */
        margin: 5px;
        /* border: 2px solid black; */
        height: fit-content;
    }

    .first-div {
        /* border: 2px solid rebeccapurple; */
        width: 80%;
        box-shadow: rgba(0, 0, 0, 4) 1px 1px 5px;
        height: 400px;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: scroll;
    }

    .second-div {
        /* border: 2px solid rebeccapurple; */
        height: 400px;
        width: 80%;
        box-shadow: rgba(0, 0, 0, 4) 1px 1px 5px;
        margin-top: 10px;
    }

    .third-div {
        /* border: 2px solid rebeccapurple; */
        width: 80%;
        box-shadow: rgba(0, 0, 0, 4) 1px 1px 5px;
        height: 400px;
        margin-top: 10px;
        overflow: scroll;
    }

}