.note-div {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.note-div > textarea {
    width: 40vw;
    height: 15vh;
    resize: none;
    
}

.note-div > button {
    margin-left: 5vh;
    color: white;
    background-color: rgb(188, 21, 21);
    border-radius: 10%;
}

#add-note{
    justify-self: center;
    background-color: rgb(98, 181, 124);
    color: white;
    border-radius: 10%;
}
#writer-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#stored-at{
    width: 80%;
    text-align: right;
    margin-bottom: 5vh;
}

#reader-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#update-time{
    width: 80%;
    text-align: right;
    margin-bottom: 5vh;
}

.link{
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background-color: #7f8082; /* Bootstrap primary color */
    color: white;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
}