.child-container {
margin-right: 5px;
padding: 10px 12px;
border-radius: 50%;
}
.parent-container:hover {
color: rgb(20, 89, 136); //This is the color for all the child-container when parent is hover//
}
.parent-container:hover .child-container {
background-color: rgb(10, 23, 31); //This is the background-color of the chosen child-container//
}
//When you hover the parent-container, the chosen child-container hover will also work along with the parent-container hover//
//The chosen child-container has also hover style different from the parent-container hover//
//If the parent-container is mouse hover the child-container hover will be trigger too//