#root{justify-content:center;width:100%}#root,.App{display:flex}.App{align-items:center;flex-direction:column;text-align:center;width:70%}.App .anlysis-area{padding-bottom:20px;text-align:center}.App .anlysis-area span{margin:0 5px;padding:5px 10px}.App .anlysis-area span:nth-child(2){background-color:#ffff86;border-radius:5px}.App .anlysis-area span:nth-child(3){background-color:skyblue;border-radius:5px}.App .anlysis-area span:nth-child(4){background-color:pink;border-radius:5px}.App .anlysis-area span:nth-child(5){background-color:#cfeea0;border-radius:5px}.MemoEditor{width:50%}.MemoEditor div{margin-bottom:10px}.MemoEditor div:first-child{display:flex;justify-content:space-between}.MemoEditor select{height:35px;text-align:center;width:15%}.MemoEditor input{height:100%;height:30px;padding-left:10px;width:82%}.MemoEditor textarea{height:100px;padding:10px;width:96.5%}.MemoEditor button{height:40px;width:100%}.memoBoard{width:70%}.memoBoardArea{grid-gap:10px;display:flex;display:grid;flex-wrap:wrap;grid-template-columns:repeat(3,1fr)}.memoItem{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);display:flex;flex-direction:column;flex-wrap:wrap;height:320px;margin:10px 5px;padding:10px}.memoItem>div:first-child{text-align:end}.memoItem>div:first-child>button{background-color:initial;border:none;cursor:pointer;font-size:25px}.memoItem>div:nth-child(2){align-items:start;display:flex;flex-direction:column;padding:5px 10px}.memoItem>div:nth-child(2)>div{text-align:start;width:100%}.memoItem>div:nth-child(2)>div>span:first-child{font-size:18px;font-weight:700;margin-right:5px}.memoItem>div:nth-child(2)>div>span:last-child{border-radius:5px;font-size:12px;padding:5px}.memoItem>div:nth-child(2)>span{color:gray;font-size:14px;margin-top:3px}.memoItem>div:nth-child(3){word-wrap:break-word;margin:5px 0;max-height:180px;min-height:180px;overflow:auto;padding:10px;text-align:start}::-webkit-scrollbar{display:none}.memoItem>div:nth-child(4){margin-top:3px;text-align:end}.memoItem>div:nth-child(4)>button{background-color:initial;border:none;color:gray;cursor:pointer}.memoItem .editContent{background-color:initial;border:1px solid gray;height:100%;text-align:start;width:100%}@media (max-width:1400px){.App{width:100%}.MemoEditor{width:90%}.MemoEditor input{width:82%}.MemoEditor textarea{width:97%}.memoBoard{width:90%}}@media (max-width:820px){.memoBoardArea{grid-gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.App{width:100%}.memoBoardArea{grid-gap:10px;grid-template-columns:repeat(1,1fr)}.MemoEditor{width:90%}.MemoEditor input{width:79%}.MemoEditor textarea{width:93%}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.react-grid-item.resizing{will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid rgba(0,0,0,.4);border-right:2px solid rgba(0,0,0,.4);bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-resizable-handle-e{right:0;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/*# sourceMappingURL=main.4b444f70.css.map*/