body{
    padding: 10px;
    padding-left: calc(100vw * 0.02);
    padding-right: calc(100vw * 0.02);
}

a:link {
    color: #2455DA;
}
a:visited {
    color: #2455DA;
}
a:hover {
    color: #8258FA;
}
a:active {
    color: #FA58F4;
}

h2{
    color: #383838;
}

h3{
    color: #383838;
	margin-bottom: 0px;
}

h4{
    color: #383838;
    margin-bottom: 0px;
}

h5{
    color: #383838;
    margin-bottom: 0px;
}

#projectTitle{
	margin: 5px;
	margin-left: 0px;
    margin-top: 0px;
    color: #1B789F;
}

#projectTitleLink{
    color: #1B789F;
    text-decoration: underline;
}

#verticalCenteredText{
    display: flex;
    align-items: center;
    margin: 0px;
}

#app{
    max-width: 1200px;
    margin: auto;
}

#pubEnd{
    clear: both;
    margin-bottom: 10px;
}

#pubLink{
    padding-left: 20px;
    padding-top: 10px;
    float: right;
}

#pubDesc{
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 10px;
    float: left;
}

#content{
    background-color:#F8F8F8;
    padding-left: 10px;
    padding-right: 10px;
}

#title{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;

    font-weight:bold;
    background-color:#E0EBEE;
}

.titleImage{
    float:right;
    margin-right:10px;
    width: 100%;
    height: auto;
    max-height: 35px;
}


.profileImage{
    float:right;
    margin-right:10px;
    border-radius: 5%;
}

.projectImage{
    float:right;
    margin-right:0px;
    border-radius: 10%;
    border-style: solid;
    border-color: #BDBDBD;
    border-width: 2px;
}

#pubTitle{
    font-style:italic;
}

#simpleIcon{
    vertical-align: top;
}

#pubTitle2{
    font-weight:bold;
    font-size: 1.2rem;
    text-decoration: underline;
    color: #1B789F;
    margin-bottom: 5px;
}

#metaTitle{
    font-weight:bold;
}

#pubGroup1{
    padding-top:15px;
	background-color: #FFFFFF;
}

#pubGroup2{
	background-color: #DFDFDF;
}

#pubGroup3{
	background-color: #DFDFDF;
}

#pubGroup4{
	background-color: #DFDFDF;
}

#project{
	background-color: #FFFFFF;
    margin-bottom: 20px;
    padding: 5px;
}

.tab-content{
    padding-left: 5px;
    background-color: #FFF;
}

#description{
}

#projectLogo{
	margin-bottom : 20px;
	margin-left : 10px;
	margin-right: 10px;
}