.footer{padding-top:1rem;padding-bottom:1rem}.notesContainer{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;margin:1rem .5rem 1rem 1rem;padding:1rem;background-color:#9ec7c0}.notesContainer .notes_wrapper{height:100%;width:calc(100% - 2rem);margin:.1rem;padding:1rem;background-color:#dcdcdc;overflow:auto}.notesContainer .notesContainer_name{margin-bottom:1rem}.notesContainer .add_note{position:absolute;right:60px;top:0;cursor:pointer;font-size:48px;color:#14819e;font-weight:700}.tagsContainer{display:flex;flex-direction:column;align-items:center;margin:1rem 1rem 1rem .5rem;padding:1rem;background-color:#9ec7c0}.tagsContainer .tags_wrapper{height:100%;width:100%;margin:.1rem;padding:1rem;width:150px;background-color:#dcdcdc;overflow:auto}.tagsContainer .tagsContainer_name{margin-bottom:1rem}.tag{border-radius:.4rem;margin-bottom:.6rem;padding-right:1rem;background-color:#fff;display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;cursor:pointer}.tag b{margin:.3rem;padding:.3rem;color:#14819e;background-color:azure;border-radius:50%}.tag div{margin-left:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active{background-color:#14819e;color:azure}.note{position:relative;border-radius:.4rem;margin-bottom:.6rem;padding:1rem;background-color:#fff;display:flex;flex-direction:column;cursor:pointer}.note h2{padding-bottom:1rem;color:#14819e}.note span{font-size:xx-large}.note .edit_note{color:#14819e;margin-right:1rem}.note .remove_note{color:#e64f30}.note .button_set{position:absolute;right:1rem}.note .note_description{text-align:start;margin-bottom:2rem}.note .note_tags_wrapper{position:absolute;display:flex;flex-direction:row;background-color:#dcdcdc;right:.2rem;bottom:.2rem;border-radius:.4rem}.note li{margin-bottom:0;scale:.8}.overlay{background-color:#14819e80;position:fixed;width:100%;height:100%}.overlay .modal_wrapper{max-width:600px;width:100%;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:.4rem}.overlay .modal_wrapper header{border-bottom:1rem solid #DCDCDC;padding:1rem}.overlay .modal_wrapper header .close_btn{position:absolute;right:30px;top:0;cursor:pointer;font-size:48px;color:#14819e;font-weight:700}.overlay .modal_wrapper form{padding:1rem;display:flex;flex-direction:column;gap:1rem}.overlay .modal_wrapper form .form_group{display:flex;flex-direction:column}.overlay .modal_wrapper form .form_group label,.overlay .modal_wrapper form .form_group input{font-size:1.5rem}.overlay .modal_wrapper form .form_group textarea{font-size:1.2rem}.overlay .modal_wrapper form .form_group input,.overlay .modal_wrapper form .form_group textarea{padding:.5rem;border:1px solid #DCDCDC;border-radius:.4rem}.overlay .modal_wrapper form .newSet .tag{cursor:default}.overlay .modal_wrapper form .tagsSet{display:flex;flex-wrap:wrap}.overlay .modal_wrapper form .tagsSet .tag{margin-right:.5rem}.overlay .modal_wrapper form .tagsSet .newTag{margin-right:1rem}.overlay .modal_wrapper form .button_set{display:flex;justify-content:end}.overlay .modal_wrapper form .button_set button{cursor:pointer;margin-right:2rem;font-size:48px;color:#14819e;background-color:transparent;font-weight:700}.overlay .modal_wrapper form .button_set .reset_btn{color:#e64f30}.overlay .modal_wrapper form .button_set .submit_btn{color:green}.overlay .tagsSet{background-color:#dcdcdc;min-height:1.125rem;overflow-wrap:break-word;padding:1rem}.contenteditableTextarea{font-family:DejaVu Sans Mono;min-height:10rem;font-size:1.2rem;text-align:left;color:#000;padding:.5rem;border:1px solid #DCDCDC;border-radius:.4rem}.App{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}main{height:100%;display:flex;justify-content:space-between}*{padding:0;margin:0;border:0}#root{max-width:1280px;margin:0 auto;text-align:center}html,body,#root,.App{height:100%;width:100%;font-size:100%}body{box-sizing:border-box;color:#375057;background-color:#fff}ul{margin:0;padding:0}li{list-style-type:none}a{text-decoration:none}.footer,.header,main{width:100%;background-color:#dcdcdc}
