@import "../../../../styles/my-career-styles/variables";

.summary-report {
    margin-top: 20px;
    border: 2px solid $greyBorder;
    border-radius: 10px;

    .report-chart {
        padding: 3% 5%;

        .report-title {
            text-align: center;
            font-size: 16px;
            margin-bottom: 24px;
            font-weight: bold;
        }

        .report-circle {
            margin: 0 auto;
            width: 200px;
            height: 200px;
            background: #e5e8eb;
            border-radius: 50%;
            padding: 17px;

            &-value {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                background: $white;
                font-size: 2.5em;
                line-height: 166px;
                text-align: center;
            }
        }
    }
}
