body {
    background-color: #e7e7de;
}

.btn {
    background-color: #008891;
    color: #FFFFFF;
}

.profile-picture {
    width: 128px;
    height: auto;
}

.svg-icon {
    width: 48px;
    height: auto;
}

.social-icon {
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 0;
    font-size: 2em;
}

.navbar {
    background-color: #0f3057;
}

.navbar-nav-svg {
    width: 1rem;
    height: 1rem;
}

.footer {
    padding: 2em 5%;
}

.section {
    background-color: #00587a;
    color: #FFFFFF;
    padding: 2em 5%;
}

.project-card {
    padding-bottom: 2em;
}

.card {
    color: #000000;
    background-color: #e7e2de;
}

.card-body {
    background-color: #e7e7de;
}

.carousel-inner {
    background-color: #000000;
}

.carousel-inner img {
    margin: auto;
}

.games {
    max-height: 300px;
}

.sports {
    padding: 2em 5%;
}
.sports-img {
    max-height: 150px;
}

.resume {
    background-color: #fff;
}