* {
    --title-line-height: 50px;
    --command-line-height: 40px;
}

h2 {
    margin: 0;
    padding: 0;
}

.title-line-div {
    display: block;
    height: var(--title-line-height);
    width: 100%;
    text-align: center;
}

.vertical-align-div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

#research {
    display: block;
    width: 100%;
    height: 460px;
    padding: 20px 0;
}

.project-group {
    display: block;
    width: 100%;
    height: 440px;
    padding: 20px 0;
    background-image: linear-gradient(to bottom,
                    rgba(255, 255, 255, 0), rgb(197, 197, 197), rgba(255, 255, 255, 0));
    /* rgb(192, 207, 215) */
}

#courses {
    display: block;
    width: 80%;
    height: 400px;
    margin: 0 auto 50px;
}

.item-separator-div {
    height: 100%;
    width: 2px;
    border-width: 0 0 0 2px;
    border-color: var(--header-blue);
    border-style: solid;
}