.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:50px auto;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:50vw}.form-input{margin:1rem;width:30vw;height:2rem;border-radius:8px;padding:5px;box-sizing:border-box}.form-button{background-color:#00bfff;color:#faebd7;border-radius:5px;padding:5px;margin:2px;width:15vw;cursor:pointer}.loader-container{display:flex;justify-content:center;align-items:center}.loader{border:5px solid black;border-top:5px solid grey;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.note-grid{display:flex;flex-direction:row;width:90vw;align-items:flex-start;justify-content:space-between;height:80vh}.notes-container{display:flex;flex-direction:column;align-items:start;justify-content:space-evenly;border-radius:10px;margin:30px;padding:20px;box-shadow:0 4px 6px #000}.scrollable-notes{overflow-y:auto;max-height:90vh;max-width:50vw}