*{
    box-sizing: border-box;
}


#addButton{
    padding: 10px;
    border-radius: 2px;
    margin: 5px;
}

#addButton:hover{
    cursor: pointer;
    text-decoration: underline;
}

#backButton{
    text-decoration: none;
    padding: 10px;
    border-radius: 2px;
    margin: 5px;
    text-decoration: none;
}

#backButton:hover{
    cursor: pointer;
    text-decoration: underline;
}

#text-area{
    padding: 2px ;
    text-transform: capitalize;
}

#update-time{
    text-transform:lowercase;
}

.back-reader{
    padding: 5px ;
    margin: 5px ;
}

#notes-div{
    padding: 10px;
    /* border: 2px solid red; */
}

#notesContainer textarea {
    padding: 2px;
    border: 2px solid rgb(157, 110, 110);
    margin: 5px;
}

.remove-button{
    margin-bottom: 20px;
}

#notesContainer textarea  p {
    background-color: #bfcddd;
}

.text-area{
    margin: 5px;
    border: 2px solid rgb(108, 144, 175);
}