:root{
    --main-bg-color:#fff; 
}

footer{
    background-color:var(--main-bg-color)
}

body{
    /*background:var(--main-bg-color)*/
    background-color: rgb(214, 230, 227);
}

html, body {
    overflow-x: hidden;
  }

.container{
    background:var(--main-bg-color)
}

.navbar-custom {
    padding-top: 0pt;
    padding-bottom: 0pt;
    background-color: #0d98a1; /*rgb(76, 240, 240);*/
}

.container{
    max-width:900px;
}



.navbar-nav > .active {
    background-color: #085b61; /*rgb(159, 241, 241);*/
}


.navbar-spacer{
    height:1px;
}

#index-content p{
    font-size:20px;
    text-align:justify;
}
#index-pubs p{
    font-size:16px;
    text-align:justify;
}

.card-deck .card {
    max-width: 270px;
    min-width: 250px;
}

#truprofile{
    border-radius:15px;
}

.flex-fill {
    flex:1;
}
.footer-spacer{
    height:56px;
}



.project-content p img{
    max-width: 100%;
    max-width: -moz-available;          /* WebKit-based browsers will ignore this. */
    max-width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    max-width: fill-available;
}

figure {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

figure figcaption {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}