body {
    background: url(images/double-bubble-outline.png);
    font-family: 'Open Sans', sans-serif;
}
.jumbotron {
    /* background: rgb(250,153,28) !important;
    background: linear-gradient(90deg, rgba(250,153,28,1) 50%, rgba(3,37,57,1) 50%) !important; 
    background: #032539;*/
    background: #3F6399;
    background: linear-gradient(0deg, #3F6399 50%, #2f5185 50%);
    padding-bottom: 8em;
}
header {
    color: #FBF3F2;
    font-family: 'Merriweather', serif;
}
.h-image {
    height: 100px;
    margin-top: -2em !important;
}
.display-1 {
    font-size: 5em;
    margin-top: 0.15em !important;
}
.display-3 {
    font-size: 4em;
}

/* Nav Styles */
.navbar {
    background: #76A3E6;
    border-bottom: 3px solid #3F6399;
}
.nav-item {
    color: #FBF3F2;
    font-family: 'Oswald', sans-serif;
    font-size: 1.25em;
    transition: color, 0.5s;
}
.nav-item:hover {
    color: #E6978C;
}
.logo {
    height: 50px;
}
.active {
    color: #E6978C;
    text-shadow: 2px 2px 7px #2f5185;
}

/* main content */

/* homepage */
h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 2.25em;
}
h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 2em;
}
.info {
    margin-top: -6em;
    background: #E6978C;
    padding: 1em;
    border-radius: 15px;
    color: #FBF3F2;
    /* box-shadow: 5px 5px 10px #40484d, -5px 0 10px #40484d; */
}
.info ul li {
    padding: 0 .5em;
    font-size: 1.05em;
}
.header-background {
    background: #E6978C;
    padding: .5em;
    border-radius: 15px;
    margin-bottom: .5em;
}

.subhead {
    color: white;
}

/* resume */

.accordion .card-header {
    background: #76A3E6;
    color: #FBF3F2;
    text-align: center;
    border-bottom: 3px solid #FBF3F2;
}
.accordion > .card:first-child {
    border-radius: 15px 15px 0 0 !important;
}
.accordion > .card:last-child {
    border-radius: 0 0 15px 15px !important;
}
.accordion .card-header button {
    color: #FBF3F2;
    text-decoration: none;
    font-size: 0.75em;
    transition: color, 0.5s;
}
.accordion .card-header button:hover {
    color: #E6978C;
}
.accordion .card-body {
    background: #E6978C;
    color: #FBF3F2;
    overflow: auto;
}

.resume-card {
    width: 90%;
    background: #E6978C;
    color: #FBF3F2;
    margin: 0 auto;
    margin-bottom: 2em;
    padding: 1em 2.5em;
    border-radius: 15px;
    overflow: auto;
}
.resume-h3 {
    font-size: 3em;
}
.resume-card h4 {
    text-align: center;
}
.resume-card p {
    font-size: 1.15em;
}
.group {
    clear: both;
    margin-bottom: 3em !important;
}
.group-left {
    line-height: 1.5;
    float: left;
}
.group-right {
    float: right;
}
.job-info {
    clear: both;
    width: 80%;
    margin-bottom: -1em;
}
.r-accent {
    font-size: 1.15em;
}

/* portfolio */

.border-primary {
    border-color: #3F6399 !important;
}

/* about page */
.selfie {
    border-radius: 15px;
    box-shadow: 5px 5px 15px #aaa, -5px 5px 15px #aaa;
    border: 2px solid #E6978C;
}
.about-group {
    background: #E6978C;
    border-radius: 15px;
    padding: 1em 2em;
    color: #FBF3F2;
}
.left {
    float: left;
    width: 45%;
}
.right {
    float: right;
    width: 45%;
}

/* contact */
.contact {
    background: #E6978C;
    color: #FBF3F2;
    padding: 2.5em 4em;
    border-radius: 15px;
}
.contact h3 {
    margin-bottom: .5em;
    text-align: center;
}
.contact label {
    font-size: 1.15em;
}
.contact input {
    margin-bottom: .75em;
}
.contact input[type="submit"] {
    background: #1c768F;
    color: #FBF3F2;
    border: 1px solid #FBF3F2;
    display: block;
    margin: 0 auto;
    transition: color, 0.5s;
}
.contact input[type="submit"]:hover {
    background: rgba(7,44,66,1);
}
#comment {
    margin-bottom: 2em;
}

.bigger-text {
    font-size: 1.25em;
}

/* footer */
footer {
    clear: both;
    background: #76A3E6;
    color: #FBF3F2;
}
footer p {
    font-size: 1.15em;
}
.social {
    height: 40px;
}
footer .logo {
    height: 75px;
}