*{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}

.parent{
    width:100%;
    height:100vh;
    width:80%;
    padding-top:10vh;
    margin-inline:auto;
}
.child1{
    margin-bottom:20px;
}
.but{
    display:flex;
    align-items:center;
    gap:5px;
    margin-bottom:10px;
}
#hpar2{
    border:3px solid rgba(1, 2, 3, 0.5);;
    padding:30px 20px;
}

/* ---- -  -- after mode - -- -  */
.block{
    background-color: black;
    color:white;
}
.block #hpar2{
    background-color: black;
    border:3px solid rgb(7, 128, 249);
    padding:30px 20px;
}
.block1 #hpar2{
    background-color: black;
    border:2px solid rgb(7, 128, 249);
    color:white;
}