.action {
    background-color: #0062b9;
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
    padding: auto 2rem;
}
.action:hover {
    background-color: #5badf5;
}
.parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.enfant {
    flex: 1 1 43%;
    margin-right: 4%;
}
@media only screen and (max-width: 768px) {
    .parent {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .enfant {
        flex: 1 1 90%;
        margin-right: 0;
    }
  }
.center-cont {
    justify-content: start;
    align-items: flex-start;
}
.justify {
    text-align: justify;
}
.center-text {
    text-align: center;
}
.merge {
    margin-top: 2rem;
}
.skilhov:hover {
    background-color: #0062b9;
    color: #fff;
}
.skills-scrol {
    max-height: 6rem;
    overflow-y: auto;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.skills-scrol::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(54, 54, 54, 0.3);
	border-radius: 1px;
    width: 5px;
	background-color: #f1f1f1;
}

.skills-scrol::-webkit-scrollbar {
	width: 12px;
	background-color: #e4e4e4;
}
.skills-scrol::-webkit-scrollbar-thumb {
	border-radius: 1px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #858585;
}