@import '../../scss/nestings';

recent-achmt {
    div, span, h1, h2, h3, h4, h5, p {
        @include reset-box-model;
        @include reset-font;
    }

    // TODO dedupe
    text-align: center;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;

    // TODO dedupe
    .section-name {
        @include font-weight('medium');
        @include heading-4;
        color: $gray-dark;
        margin-bottom: .5em;
        min-height: 2em;
    }

    // TODO dedupe
    .achievement-name {
        @include font-weight('bold');
        @include heading-3;
        margin-top: .5em;
        color: $gray-dark;
    }

    // TODO dedupe
    .description {
        @include font-weight('medium');
        font-size: 14px;
        margin-bottom: 1em;
        color: $gray-lighten;
    }

    .link {
        @include link;
    }

    .blue-spin {
        display: block;

        height: 100%;
        max-width: 100%;
        animation: pull-in 0.3s linear;
    }

    .circle-graph__inner {
        width: 96px;
        height: 96px;
        border-radius: 100%;
    }
}