body{
    font-family: sans-serif;
    background-color: #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    
}



/**
* ! app section Start from here
**/

.app
{
    width: 300px;
    height: 500px;
    border: 5px solid #abcea1;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
    overflow-y: scroll;
}
.app::-webkit-scrollbar {
    width: 0 !important;
  }



  

/**
* ! heading part section Start from here
**/


#addnew
{
    background-color: rgba(171,206,161,0.35);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding: 5px 10px;
    cursor: pointer;
}

.fa-plus
{
    background-color: #abcea1;
    padding: 3px;
    border-radius: 3px;

}



/**
* ! task section Start from here
**/

#tasks
{
    display: grid;
    gap: 14px;
}



#tasks div
{
    background-color: #e2eede;
    border:3px solid #abcea1;
    padding: 5px;
    border-radius: 6px;
    display:grid;
    gap:4px;
}

#msg
{
    color: red;
}

.options
{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.options i{
    cursor: pointer;
}