.effectForm{
    width:100px;
    color:aliceblue;
    display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.effectForm input{

}
.effectForm label{
margin-bottom: 10px;
}





    .draggabbleDiv{
        z-index: 1;
        position:fixed  !important;
    }
    
    .nodeContainer {
        width: 100px;
        height: 50px;
        color:azure;
        background-color: rgb(45, 128, 103);
        border-radius: 15px;
        display: flex;
        justify-content: space-between;
    
    
    }

    .nodeContainer div {
        color: rgb(218, 32, 32);
        height: 80px;
        width: 10px;
        margin-left: 0;

        display: inline;
    }
    .nodeContainer div button {
        background-color: aliceblue;
        color: goldenrod !important;
        height: 50px;
        width: 10px;
        margin: 0px !important;
        
    }
    div {margin: 0;

        padding:0;}
    .nodeContainer div div{
        margin-left: 0;

        padding:0;
        margin-bottom: -25px;
        text-align: left !important;

        position: static ;/*   this meeans postioning in relation to its ancestor*/
    }