body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ql-editor code,code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#e0f2f1;padding:.2em .4em;border-radius:4px;font-size:.9em;border:1px solid rgba(0,150,136,.2);color:#00796b;position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;grid-gap:4px;gap:4px}.dark-mode .ql-editor code,.dark-mode code{background-color:#004d40;border:1px solid rgba(0,150,136,.3);color:#80cbc4}.copy-inline-btn{cursor:pointer;font-size:.8em;opacity:.6;transition:all .2s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-inline-flex;display:inline-flex}.copy-inline-btn:hover{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}.copy-inline-btn.copied{color:#4caf50;opacity:1}.header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-bottom:50px;margin-top:50px}.dark-mode h1{color:#fff}.dark-mode .note.new{background-color:#6a1b9a;border:1px solid hsla(0,0%,100%,.1)}.dark-mode .note{background-color:indigo;border:1px solid hsla(0,0%,100%,.1)}.container{max-width:960px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;min-height:100vh}.container,.notes-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.notes-list{grid-gap:2rem;gap:2rem;padding-bottom:2rem}@media (max-width:768px){.notes-list{grid-gap:1rem;gap:1rem}.note{margin-bottom:1rem}}.note.new{background-color:#b28dff;border:1px solid hsla(0,0%,100%,.2);color:#fff}.note.new .ql-editor,.note.new input{color:#fff!important}.note.new input::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)!important;font-style:normal}.note.new input:-ms-input-placeholder{color:hsla(0,0%,100%,.7)!important;font-style:normal}.note.new .ql-editor.ql-blank:before,.note.new input::placeholder{color:hsla(0,0%,100%,.7)!important;font-style:normal}textarea{border:none;resize:none;background-color:#e6e6fa}textarea:focus{outline:none}.save{background-color:#e1e1e1;border:none;border-radius:15px;padding:5px 10px}.save:hover{background-color:#ededed;cursor:pointer}.note{background-color:#8a2be2;border-radius:12px;padding:1rem;min-height:250px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;white-space:pre-wrap;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;color:#fff}.note.new{min-height:350px}.note .ql-container{-webkit-flex:1 1;flex:1 1;overflow-y:auto;font-family:inherit;min-height:120px}.note .ql-editor{min-height:120px;height:100%}.note .ql-toolbar{border-top-left-radius:8px;border-top-right-radius:8px;background:hsla(0,0%,100%,.5)}.note:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.2)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.note-footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.delete-icon{cursor:pointer}.search{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:10px;padding:5px;margin-bottom:1.5em}.search,.search input{background-color:#e9e9e9}.search input{border:none;width:100%}.search input:focus{outline:none}.note table{border-collapse:collapse;width:100%;margin:10px 0}.note pre,.ql-syntax{background-color:#282c34;color:#abb2bf;padding:15px;border-radius:8px;overflow-x:auto;font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;font-size:.9em;margin:15px 0;position:relative;box-shadow:inset 0 2px 5px rgba(0,0,0,.2)}.copy-code-btn{position:absolute;top:10px;right:10px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:5px;color:#ccc;padding:4px 8px;font-size:11px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-weight:700;z-index:10}.copy-code-btn:hover{background:hsla(0,0%,100%,.2);color:#fff;border-color:hsla(0,0%,100%,.4)}.copy-code-btn.copied{background:rgba(76,175,80,.2);color:#4caf50;border-color:rgba(76,175,80,.4)}.note table td,.note table th{border:1px solid #ccc;padding:5px}.note-title-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:5px;width:100%}.note-title{margin:0!important;-webkit-flex:1 1;flex:1 1;font-size:1.2em;font-weight:800;color:#fff}.title-edit-icon{cursor:pointer;opacity:0;transition:opacity .3s ease,-webkit-transform .2s ease;transition:opacity .3s ease,transform .2s ease;transition:opacity .3s ease,transform .2s ease,-webkit-transform .2s ease;color:#6200ee;padding:4px;margin-left:10px}.note-title-container:hover .title-edit-icon,.note:hover .title-edit-icon{opacity:.6}.title-edit-icon:hover{opacity:1!important;-webkit-transform:scale(1.2);transform:scale(1.2)}.dark-mode .title-edit-icon{color:#bb86fc}.footer_content{text-align:center;color:#f09c00}.footer_main{padding:20px 50px;-webkit-animation:slideUp 1s ease-out;animation:slideUp 1s ease-out;margin-top:auto;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1)}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.footer_Icons{text-align:center;padding:20px 0}.footer_Icons span{margin:0 5px}.footer_Icons .footer_git a{color:#f0f0f0}.footer_Icons .footer_git a,.footer_Icons .footer_link a{-webkit-transform:scale(1);transform:scale(1);transition:.5s}.footer_Icons .footer_link a{color:#fff}.footer_Icons .footer_insta a{color:pink}.footer_Icons .footer_insta a,.footer_Icons .footer_wht a{-webkit-transform:scale(1);transform:scale(1);transition:.5s}.footer_Icons .footer_wht a{color:#90ee90}.footer_Icons .footer_twi a{color:#87cefa;-webkit-transform:scale(1);transform:scale(1);transition:.5s}.footer_Icons .footer_git a:hover{color:#c4bfbf;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer_Icons .footer_link a:hover{color:#33279c;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer_Icons .footer_insta a:hover{color:#c648ca;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer_Icons .footer_wht a:hover{color:green;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer_Icons .footer_twi a:hover{color:#add8e6;-webkit-transform:scale(1.2);transform:scale(1.2)}