.main{
    background-color: rgb(236, 204, 204);
    color: darkgray;
}

#goodmsg{
    background-color: lightgreen;
    color: lightyellow;
    text-align: center;
    width: 20rem;
}

#errormsg{
    background-color:tomato;
    color: lightyellow;
    align-content: center;
    width: 20rem;
}


.d-flex input{
    margin:0.9em 0em;
    padding: 0.5em ;
}

.d-flex button{
    margin:0.9em 0.3em;
    padding: 0.3em;
    
}

.container table{
    margin:1em 0em;
    padding: 0.3em;
}

.table thead{
    column-width: 0em;
    color: rgb(236, 243, 243);
    background-color:darkgrey;
    
}

.btnedit{
    color: lightgreen;
    cursor: pointer;
}

.btndelete{
    color: tomato;
    cursor: pointer;
}

#hda{
    color: turquoise;
    margin: 0.5em;
    text-transform: uppercase;
    justify-content: center;
    padding: 0.1em;
    background-color: whitesmoke
}

.container-flex {
    margin: 0.25em;
    background-color: wheat;
    padding: 0.1em;
    justify-content: center;
    pointer-events: visibleStroke;
    inline-size: 46em;

    
}

.row-up{
    background-color:indianred;
    background-repeat: repeat;
    inline-size: 25em;
    border-radius: 3em;
    cursor: grabbing;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}