body{margin:0;font-family:Arial,sans-serif;background-color:#ebeef1}.container{width:90%;max-width:1500px;margin:0 auto;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.editor-container{width:100%;height:75vh;min-height:300px}#editor{width:100%;height:100%;background-color:#fff}#counter{margin:15px 0 0;text-align:center;font-size:13px;color:#7e7e7e}.button{background:#fff;border:1px solid #e9ecf0;color:#7e7e7e;padding:5px 10px;cursor:pointer;margin:0 5px;font-size:13px;border-radius:8px;text-decoration:none}.share-buttons{display:flex;justify-content:center;align-items:center;margin-top:5px}.social-share-buttons{display:flex;justify-content:center;align-items:center;margin-top:5px}.button:hover{background:#000;color:#fff}.ql-toolbar.ql-snow{background-color:#e5e5e5!important;border:0!important}.ql-container.ql-snow{border-top:0;border-left:0;border-right:0}.menu-bar{width:100%;padding-bottom:10px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.menu-bar button{margin:0 15px;background-color:#fff0;border-width:0!important;padding:0;font-size:20px;color:#929ea4}.menu-bar .tooltiptext{font-size:14px}.logo-container{display:flex;align-items:center;padding-left:10px}.logo{height:25px;width:auto}.buttons-container{display:flex;justify-content:right;flex-grow:1;margin-left:-121px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;top:25px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.button-container{width:100%;margin-top:40px;box-sizing:border-box;display:block;background:#fff;padding-bottom:15px}@media screen and (min-width:768px) and (max-width:1024px){.container{width:100%}}@media screen and (max-width:767px){.container{width:100%}body{font-size:16px}.ql-editor{font-size:16px}}@media screen and (max-width:480px){.ql-toolbar.ql-snow{font-size:16px}.container>div>button{font-size:14px;padding:2px}.ql-toolbar.ql-snow .ql-formats{margin-right:0}}@media(max-width:768px){.share-buttons{display:flex;flex-direction:column}.social-share-buttons{display:flex;flex-direction:column}.button{width:90%;margin-bottom:5px}.button:last-child{margin-bottom:0}}.dark-theme .button{background:#fff0}.dark-theme body{background-color:#484848}.dark-theme .menu-bar{background-color:#000}.dark-theme #editor{background-color:#000;color:#fff}.hamburger{display:none;cursor:pointer;font-size:24px;padding:10px}.menu-drawer{display:none;z-index:1000}.close-icon{font-size:24px;cursor:pointer;text-align:right;padding:5px;margin-bottom:10px}.close-icon i{color:#fff;padding:5px}.menu-drawer button{width:80%;margin-bottom:10px;font-size:16px}@media(max-width:768px){.hamburger{display:block}.buttons-container{display:none}.menu-drawer{position:absolute;top:0;left:0;width:100%;background-color:#000;text-align:center;padding:0;box-shadow:0 2px 5px rgba(0,0,0,.3)}.menu-drawer.show{display:block;padding-bottom:10px}}.shared-note{padding:0 15px;font-family:Helvetica,Arial,sans-serif;overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap;overflow:hidden;max-width:100%;background-color:#fff;font-size:14px!important}.menu-bar-upload{width:100%;padding-bottom:10px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-width:0 0 1px;border-color:#ccc;border-style:solid}footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;background-color:#f5f5f5;padding:30px 0 0;box-sizing:border-box;font-family:Arial,sans-serif}.footer-about{box-sizing:border-box;padding:0 20px 30px;text-align:center;width:90%;max-width:1500px}.footer-menu{box-sizing:border-box;text-align:center;width:100%;padding:15px 20px;background-color:#333}.footer-about h3,.footer-menu h3{margin-bottom:10px}.footer-menu ul{list-style:none;padding:0;margin:0}.footer-menu li{display:inline;margin:0 10px}.footer-menu a{text-decoration:none;color:#ccc}.footer-notes{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;box-sizing:border-box;padding:0 20px;text-align:center;width:90%;max-width:1500px}.footer-column{flex:1;max-width:100%;padding:0 10px;box-sizing:border-box}.footer-column a{text-decoration:none;color:#333}.footer-column a:hover{text-decoration:underline}.latest-notes-heading{text-align:center;margin-bottom:20px;width:100%}@media screen and (max-width:767px){.footer-column{flex-basis:100%;max-width:100%;margin-bottom:20px}}@media screen and (max-width:767px){.footer-notes{grid-template-columns:repeat(1,1fr)}}.search-form{display:flex;align-items:center}.search-form input{margin-right:5px}.menu-bar-share{justify-content:space-between}.search-form button[type=submit]{cursor:pointer}@media(min-width:769px){.latest-notes-heading{width:100%;text-align:center}}.header-container{background-color:#000;padding:10px;display:flex;justify-content:center;align-items:center}.search-form{margin-block-end:0}.search-container{width:100%;max-width:500px;text-align:center}.search-form input[type=text]{border:none;background-color:#fff;color:#000;padding:5px 10px;margin-right:5px;max-width:100%}.search-form button{border:1px solid #fff;background-color:transparent;color:#fff;padding:5px 10px;cursor:pointer;border-radius:5px;height:32px}@media screen and (min-width:768px){.search-container{text-align:flex-end}}.search-form input{margin-bottom:0}input{width:90%;max-width:295px;height:22px;border-color:#ccc;border-width:1px;border-radius:5px;border-style:solid;margin-bottom:15px}textarea{width:90%;max-width:295px;height:62px;border-color:#ccc;border-width:1px;border-radius:5px;border-style:solid;margin-bottom:15px}input[type=submiti]{margin-top:15px;max-width:303px!important}#password-form input{margin-bottom:0;width:200px;max-width:200px}#password-form button{margin-top:0;margin-bottom:0;margin-right:15px;margin-left:0;background-color:#f2f2f2;border-width:0!important;border-radius:5px;padding:5px 10px;font-size:14px;color:#929ea4}