.childContainer {
    display            : flex;
    justify-content    : center;
    align-items        : center;
    flex-direction     : column;
    width              : 50%;
    height             : auto;
    /* background-color: red; */
    box-shadow         : 1px 0px 5px grey;
    padding            :15px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}


ul {
    box-shadow   : 1px 0px 5px grey;
    width        : 100%;
    padding      : 40px;
    border-radius: 10px;
}

ul li {
    list-style-type : decimal;
    text-align      : left;
    background-color: white;
    padding         : 4px;
    font-weight     : bold;
    font-size       : 18px;

}

h4,
h1 {
    box-shadow   : 1px 0px 5px grey;
    width        : 100%;
    border-radius: 10px;
    padding      : 20px;
}

/* -----------------------------------responsive----------------------------------- */

@media screen and (max-width:780px) {
    .childContainer {
        
        width              : 100%;
        
    }
}