@import"https://fonts.googleapis.com/css2?family=Sansita&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#303334;font-family:Sansita,sans-serif}.note{font-family:inherit;width:35rem;min-height:15rem;max-height:20rem;overflow-y:auto;height:auto;max-width:90vw;background-color:#fff0c4;color:#303334;border-radius:1rem;padding:.4rem 1rem;box-shadow:0 .25rem .5rem #0000001a,0 .25rem 1.25rem #00000030}.note p{margin-top:.75rem;font-size:1.2rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.note h2{font-size:2rem}.note-top{display:flex;justify-content:space-between;align-items:center}.note-mod{display:flex;gap:1vmin}.note-mod button{font-size:1.5rem;background:none;border:none;cursor:pointer}.App{width:100%;height:100dvh;display:grid;grid-template-rows:5rem 1fr;grid-template-areas:"add" "display"}.addNoteContainer{grid-area:add}.displayNotes{grid-area:display;background-color:#f1efe2;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}#addNote{width:6rem;height:3rem;margin-right:10vmin;font-family:inherit;font-size:1.3rem;background-color:#fff0c4;color:#303334;border-radius:1.25vmin;border:none;cursor:pointer;transition:filter .3s}#addNote:active{scale:.98}#addNote:hover{filter:brightness(110%)}.header{display:flex;justify-content:space-between;align-items:center}.header h1{margin-left:5vmin;color:#fff0c4}#dimScreen{z-index:3;width:100%;height:100%;position:absolute}.add-edit-screen{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;padding:1vmin;gap:2vmin;border-radius:1vmin;background-color:#fff0c4;width:20rem;height:20rem;max-width:90vw;box-shadow:0 0 .4rem #000000b3}#topicInput,#contentInput{background-color:#303334;outline:none;border:none;border-radius:.5vmin;padding:.1rem .2rem;font-family:inherit;font-size:1.25rem;color:#f1efe2;resize:none}#contentInput{height:50%}#done{font-family:inherit;max-width:5rem;align-self:center;border:none;font-size:1.33rem;background-color:#303334;color:#fff0c4;padding:.1rem .3rem;border-radius:.5vmin;cursor:pointer;transition:filter .3s}#done:active{scale:.98}#done:hover{filter:brightness(110%)}.add-edit-screen-top{display:flex;justify-content:space-between}#close{font-size:1.5rem;padding:0;border:none;background:none;cursor:pointer}#contentInput::-webkit-scrollbar,.note::-webkit-scrollbar,#topicInput::-webkit-scrollbar{display:none}#emptyMessage{color:#303334;font-size:1.3rem}body::-webkit-scrollbar{width:.35rem}body::-webkit-scrollbar-track{border-radius:100vw;margin-block:.1rem}body::-webkit-scrollbar-thumb{background-color:#7a8285;border-radius:100vw}body::-webkit-scrollbar-thumb:hover{background-color:#565b5d}