body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{background-color:#333;padding:20px 0}.logo{color:#fff;font-size:24px;margin:0}.main-content{padding:20px}.footer{background-color:#333;color:#fff;font-size:12px;padding:10px 0}.footer p{margin:0}@media (max-width:768px){.notes-list{flex-wrap:nowrap}.note-popup{max-height:100%;max-width:100%}}@media (min-width:576px){.note-card{width:50%}}@media (min-width:768px){.note-card{width:33.33%}}@media (min-width:992px){.note-card{width:25%}}.notes-list{margin:0 auto;max-width:800px;padding:20px;width:100%}.app-main{background-image:url(/static/media/indi.57e4c3a247009617ca25.png);background-repeat:repeat;background-size:contain}.notes-container::-webkit-scrollbar{height:8px}.notes-container::-webkit-scrollbar-track{background:#f1f1f1}.notes-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.notes-container::-webkit-scrollbar-thumb:hover{background:#555}.title{color:#f8e915;font-size:28px;margin-bottom:20px;margin-top:5px;text-align:center}.click,.title{font-weight:700}.click{color:red;text-align:left}.notes-container{display:flex;flex-wrap:nowrap;margin-bottom:20px;max-width:100%;overflow-x:scroll;overflow-y:hidden}.note-card{background-color:#e7cbe9;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:0 0 auto;margin-right:10px;padding:20px;width:300px}.note-title{font-size:18px;font-weight:700;margin-bottom:10px}.note-content{font-size:14px;margin-bottom:5px}.note-text{white-space:pre-wrap}.app-main{align-items:center;display:flex;justify-content:center;min-height:100vh}.app{background-color:#fafafa;font-family:Arial,sans-serif;text-align:center}.app-header{background-color:#333;color:#fff;padding:20px}.note-card{box-sizing:border-box;padding:10px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.note-card:hover{background-color:#e0e0e0;-webkit-transform:scale(1.05);transform:scale(1.05)}.note-popup{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:70%;justify-content:center;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:9999}.note-popup-content{background-color:#fff;box-sizing:border-box;height:90%;max-height:800px;max-width:600px;overflow-y:auto;padding:20px 50px 20px 20px;position:relative;width:90%}.note-details-title{color:#333;font-size:24px;font-weight:700;margin-bottom:10px}.note-details-content{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px;text-align:left;white-space:pre-wrap}.note-popup::-webkit-scrollbar-thumb:hover{background:#888;border-radius:4px}.close-button{background-color:#f9f9f9;border:none;color:#333;cursor:pointer;font-size:16px;font-weight:700;margin-top:50px;padding:right -50px;position:absolute;right:10px;top:10px;z-index:99999}.close-button:hover{color:#f55}
/*# sourceMappingURL=main.1f0cacd6.css.map*/