mo-assets/src/files/scss/_person-page.scss

.person-page {

    &__title {
        margin: 20px 0 10px;
        font-family: $fontcuprum;
        font-size: 27px;
        font-weight: 700;
    }

    &__text-info {
        font-size: 14px;
    }

    &__awards {
        display: flex;
        flex-direction: row;
        margin: 20px -10px;
    }

    &__award {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        vertical-align: middle;
        align-items: center;
        width: 200px;
        margin: 0 10px;
    }

    &__award-name {
        display: block;
        margin-left: 10px;
        color: #75787b;
        font-size: 14px;
    }

    &__award-image {
        display: block;
    }

    &__category {
        color: #75787b;
        padding-top: 1px;
        font-family: $fontcuprum;
        padding-bottom: 8px;
        font-size: 20px;
        font-weight: 600;
    }

    &__media {
        border: none !important;
        padding-top: 0 !important;
    }

    &__person-photo {
        position: relative;
    }

    &__work-years {
        position: absolute;
        background: #ebebeb;
        padding: 5px 10px;
        border-radius: 0 10px 0 10px;
        bottom: 0;
        right: 18px;
        width: 32px;
        height: 55px;
        text-align: center;
        font-size: 13px;
        color: #929292;

        & > span {
            font-size: 18px;
            color: #004d7b;
        }
    }
}