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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.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:#b7b7d4}.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:#e6e6fa;border:1px solid rgba(0,0,0,.05);color:#000}.note.new .ql-editor,.note.new input{color:#000!important}.note.new input::-webkit-input-placeholder{color:rgba(0,0,0,.6)!important;font-style:normal}.note.new input:-ms-input-placeholder{color:rgba(0,0,0,.6)!important;font-style:normal}.note.new .ql-editor.ql-blank:before,.note.new input::placeholder{color:rgba(0,0,0,.6)!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:plum;border-radius:10px;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}.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{background-color:#282c34;color:#abb2bf;padding:10px;border-radius:6px;overflow-x:auto;font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;font-size:.9em;margin:10px 0}.note table td,.note table th{border:1px solid #ccc;padding:5px}.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)}