main > section:nth-child(3) {
    height:580px;
    width: auto;
    background: linear-gradient(180deg, #2B343D 0%, #191E23 100%);
    position: relative;

}

.skill > img {
    position: absolute;

}
#skill>div:nth-child(2){
    position: relative;
    top: 0px;
    height: 450px;
    width: auto;

}
.wrap-box {
    width: 30%;
    height: auto;
    position: absolute;
    top: 15%;
    left: 10%;

    margin-left: 4%;
    margin-right: 4%;
}

.wrap-box2 {
    width: 30%;
    height: auto;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-right: 4%;
}

.skill {
    margin-bottom: 35px;
    position: relative;
    overflow-x: hidden;
}
.article-skills>p{
    text-align: center;
}


.skill > p {
    font-size: 18px;
    /*font-weight: 700;*/
    color: #ffffff;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;

    margin-left: 40px;

}

.skill:before {
    width: 100%;
    height: 5px;
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.11);
    bottom: 0;
    border-radius: 100px;
    /*box-shadow: 8px 10px 80px 1px #2ff4f4;*/
    /*box-shadow: 0px 4px 40px 3px rgba(2, 236, 255, 0.25);*/
}

.skill-bar {
    border-radius: 100px;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #00e1ff 90%, #ffffff 100%);
    box-shadow: 0px 0px 21px rgba(2, 236, 255, 0.61);
    display: block;
    position: relative;
    margin-top: 25px;
}

.skill-bar span {
    position: absolute;
    top: -30px;
    padding: 0;
    font-size: 18px;
    padding: 3px 0;
    font-weight: 500;
}

.skill-bar {
    position: relative;
}

.skill1 .skill-count1 {
    right: 0;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;

}

.skill2 .skill-count1 {
    right: 0;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;

}

.skill4 .skill-count1 {
    right: 0;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;

}

.skill3 .skill-count1 {
    right: 0;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;

}

.skill5 .skill-count1 {
    right: 0;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;

}

.skill7 .skill-count1 {
    right: 0;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;

}

.skill1 {
    width: 80%;
}

.skill2 {
    width: 80%;
}

.skill4 {
    width: 90%;
}

.skill3 {
    width: 0.1%;
}

.skill5 {
    width: 0.1%;
}

.skill7 {
    width: 0.1%;
}

#flutter {
    margin-bottom: 10px;
    margin-left: 100px;
}

.article-skills > p {
    position: relative;
}

.article-skills{
    /*position: absolute;*/
    /*margin-left: 4%;*/
    /*margin-right: 4%;*/
    /*top: 70%;*/
    /*left: 10%;*/

}
#skill > h2{
    margin:0px;
}