.profile-wrapper {
    margin-top: 3em;
    margin-bottom: 1em;
}

.profile-wrapper * {
    text-align: left;
}

.profile-header {
    background: url(images/yellow_bg.jpg) no-repeat 0 center;
    background-size: cover;
    padding-top: 1.5em;
    position: relative;
    color: #f36e16;
    height: 210px;
}

.img-radius {
    border-radius: 50%;
}

.profile-header h3 {
    text-align: center;
}

.profile-header .profile-title {
    text-align: right;
    padding-right: 1.44em;
}

.profile-header img {
    position: absolute;
    left: calc(50% - 40px);
    top: 11em;
}

.profile-header p {
    margin-bottom: 0;
}

.profile-header .myname {
    color: var(--accent-fill-rest);
}

.profile-body {
    padding: 3.5em 2em 3em;
    border: 1px solid lightgrey;
    border-top: 0;
}

.profile-body h4 {
    color: #f36e16;
}

.profile-footer {
    padding: .35em 0;
}

.fluent-grid h3 {
    text-align: center;
}

.fluent-grid fluent-anchor {
    display: flex;
    justify-content: center;
    height: 3em;
    margin-bottom: 1em;
}

.profile-body fluent-anchor a {
    border: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}