*{font-family:Avenir}body{margin:0}#root{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}nav{height:30px;padding:0 20px;display:flex;justify-content:right;align-items:center;gap:20px}.filters{height:75px;background:#708090;margin-bottom:10px;display:flex;justify-content:center;align-items:center}#search{height:20px;width:400px;border:1px solid gray;border-radius:100px;text-indent:10px}.notes-container{display:flex;flex-wrap:wrap;justify-content:space-around;column-gap:20px;row-gap:20px}a{text-decoration:none;color:#000}.note-listing{flex-basis:30%;width:250px;border:1px solid black;padding:10px;overflow:hidden}.note-display{height:500px;margin:40px auto;display:grid;grid-template-rows:auto 3fr auto auto;width:80%;border:1px solid lightgray;padding:20px}.note-display .category{font-style:italic;color:gray}.button-group{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.button-group .edit,.button-group .delete{height:40px;width:100px;padding:10px 20px;border:none;color:#fff;font-size:16px;cursor:pointer}.button-group .edit{background-color:gray}.button-group .delete{background-color:red}.return-arrow{position:absolute;top:25px;left:20px;font-size:50px;color:#fff}.edit-note_container{border:1px solid grey;padding:5px 20px;margin:40px;border-radius:5px}.edit-note-heading{padding:0;margin:0 auto 30px;font-size:75px;width:max-content}.edit-note_form{display:grid;grid-template-columns:50% 50%;margin-bottom:20px}.edit-note-preview{border:1px solid grey;margin:none;padding:5%;border-radius:15px;width:90%;height:max-content;overflow:auto;box-sizing:border-box}.edit-note-preview p{width:100%;word-wrap:break-word}.edit-note_submit{width:max-content;padding:5px 30px;margin:30px 0 0 10px;border-radius:15px;border:none;background-color:gray;color:#fff}.edit-note_submit:hover{cursor:pointer;background-color:#add8e6;color:#000}.edit-note_input{margin-top:5px;border-radius:5px;border:1px solid grey;padding:5px}.new-note_container{margin:0 40px}.new-note-heading{padding:0;margin:0 auto 10px;width:max-content}.new-note_form{display:grid;grid-template-columns:50% 50%;margin-bottom:20px}.column-one{display:flex;flex-direction:column;width:90%}.body{height:250px;width:100%;resize:none;overflow:auto}.column-two{display:flex;flex-direction:column;align-items:end;width:90%}.new-note_input{margin-top:5px;border-radius:5px;border:1px solid grey;padding:5px}.new-note-preview{color:#708090;width:90%;height:max-content;border:1px solid grey;margin:none;padding:5%;border-radius:15px;overflow:auto;box-sizing:border-box}.new-note-preview p{width:100%;word-wrap:break-word}.new-note_submit{width:max-content;padding:5px 30px;margin:30px 0;border-radius:15px;border:none;background-color:green;color:#fff}.new-note_submit:hover{cursor:pointer;background-color:#add8e6;color:#000}.group-members{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;text-align:center}.group-member{width:300px;padding:15px}.group-member img{width:200px;height:auto;border-radius:50%;box-shadow:5px 5px 8px gray}h1,.not-found{text-align:center}.error{color:red}img{height:200px}footer{width:100%;height:75px;color:#fff;background:#708090;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;align-items:center}