.skill-set {
    margin: 5px 0
}

.skill-set__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.skill-set__list {
    width: 100%;
    margin-bottom: 0 !important;
}

.skill-set__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0 !important;
}

.skill-set__icon {
    width: 10.6382%;
    -ms-flex-item-align: center;
    align-self: center
}

.skill-set__detail {
    width: 100%
}

.skill-set__meta {
    margin-bottom: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.skill-set__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.small-title {
    font-size: 2.4rem;
    color: #072142;
    letter-spacing: .2em;
    line-height: 1.2;
    font-family: futura_de
}

.skill-set__year {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #c0c5ca;
    margin-left: .8rem;
    letter-spacing: .2em
}

.skill-set__high {
    color: #ff4d5a
}

.small-title {
    font-size: 2.4rem;
    color: #072142;
    letter-spacing: .2em;
    line-height: 1.2;
    font-family: futura_de
}

.skill-set__ratio {
    font-size: 1.6rem;
    line-height: 1.2;
    color: #072142
}

.skill-set__bar {
    width: 100%;
    height: 20px;
    background: #ffbda6;
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(7,33,66,.15);
    box-shadow: 0 5px 15px 0 rgba(7,33,66,.15)
}

.skill-set__bar:after {
    -webkit-animation: ratio90 1.5s forwards;
    animation: ratio90 1.5s forwards
}

.skill-set__bar:after {
    background-image: -webkit-gradient(linear,left top,right top,from(#072142),color-stop(42%,#8c2b7a),to(#ff4d5a));
    background-image: -webkit-linear-gradient(to right,#eb1917,#feab01);
    background-image: -o-linear-gradient(to right,#eb1917,#feab01);
    background-image: linear-gradient(to right,#eb1917,#feab01)
}

.skill-set__bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 10px
}

.skill-set_percentage {
    position: absolute;
    z-index: 1;
    color: #fff;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 12px;
    line-height: 20px;
}

.skill-set_fire {
    background: url("fire.png") 0 no-repeat;
    width: 18px;
    height: 21px;
    background-size: contain;
    position: absolute;
    left: 3px;
    top: -6px;
    z-index: 9
}

.skill-set__bar.percentage_bar:after {
    width: 83.1%;
}