.content-container {
        min-height: 80vh;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
}


#nav {
        display: inline-block;
        padding: 2pt 10pt 5pt 0;
        float: right;
}
.menu-container {
        display:flex;
        align-items: start;
        flex-wrap: wrap;
        justify-content: space-around;       
        margin-left: auto;
        margin-right: auto;
}
.menu-item {
        flex: 0;
        display:inline-block;
        margin: 0 5pt 0 5pt;
}

.home-item {
        flex:1;
        margin: 0 5pt 0 5pt;
        align-self: center;
}

.abstract {
        //width:100%;
        padding: 20pt 0 0 0;
        margin-top: 50pt;
        margin-bottom: 10pt;
        margin-left: 50pt;
        margin-right: 50pt;
        align-content:center;
}

.abstract>div {
        display:flex;
        flex-wrap:wrap;
        margin: 20pt 0 20pt 0;
        display:flex;
        align-items: center;
        justify-content: center;
}
.abstract>div>* {
        flex:1;
        margin: 10pt 0;
}

.abstract h1 {
        display:block;
        width:100%;
        text-align:center;
}

.abstract img {
        max-width: 720px;
}
.flex-container {
        display:flex;
        flex-wrap: wrap;
        flex-direction: rows;
        //width:100%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10pt;
        margin-bottom: 10pt;

}

.flex-container>div {
        flex:1;
        margin: 20pt 20pt 20pt 20pt;
}

.blurb-card {
        flex:1;
        margin: 20pt 20pt 20pt 20pt;
}
.blurb-card>h2 {
        font-size: var(--base-header-size);
        //background-color:#dddde0;
}
.blurb-card>p {
        margin: 10pt 10pt;
        font-size: 1.2rem;
}
.blurb-card>ul {
        margin: 10pt 10pt;
        font-size: 1.2rem;
}
.blurb-card>a {
        font-size: var(--base-font-size);
        margin-top:10pt;
        display:inline-block;
        width:100%;
        text-align: left;
}

#tech-banner {
        padding:5pt;
        display:flex;
        flex-wrap:nowrap;
        background-color: #d3d3d3;
        align-items: center;
        //justify-content: space-around;
}

#tech-banner>div {
        flex:1;
        display:inline-block;
        margin: 0 20pt 0 20pt;
        //height: 120pt;
        inline-size: min-content;
}

#tech-banner>div>p {
        text-align:center;
}

#tech-banner>div>img {
        height: 96pt;
        width: 100%;
        object-fit: contain;
}