@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";::selection{background:#3f51b5;color:#fff}body{background-color:#fff;font-family:Roboto Mono,monospace;color:#000;margin:0;user-select:none}@keyframes slide-top-toast{0%{transform:translateY(100%)}to{transform:translateY(0)}}.container-toast{display:flex;justify-content:center}.toast{width:230px;height:53px;background-color:#121212;color:#fff;font-size:16px;box-sizing:border-box;border:2px solid #ffffff;border-radius:4px;position:fixed;z-index:6;bottom:120px;padding:15px 15px 15px 25px;animation:slide-top-toast .5s}@keyframes slide-top{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}#templatenotes{margin-bottom:50px}#templatenotes.is-hidden{display:none}#templatenew{animation:slide-top .25s}#templateview{animation:slide-right .25s}#templatebackup{width:100%;height:100%;background-color:#fff;overflow-x:hidden;overflow-y:auto;position:fixed;z-index:3;top:0;animation:slide-top .25s}.container-settings{display:flex;justify-content:center}.container-app{width:100%;height:100%;background-color:#fff;position:fixed;z-index:3;top:0}.container-backup{display:flex;flex-direction:column;align-items:center;margin-top:100px}.container-buttons{width:100%;height:58px;background-color:inherit;box-shadow:0 -1px 3px #00000026,2px 3px 5px #00000040}.container-title{display:flex;width:300px;height:32px;font-size:22px;border-radius:4px;padding:10px 15px;margin-bottom:40px;box-shadow:0 -1px 5px #00000026,5px 8px 10px #00000040}.container-title-buttons{display:flex;width:300px;justify-content:flex-end;position:absolute;z-index:4}.area-note{width:100%;height:calc(100% - 58px);background:none;font-family:Roboto Mono,monospace;color:inherit;font-size:20px;box-sizing:border-box;outline:none;border:none;resize:none;position:fixed;padding:30px 30px 35px}@media only screen and (min-device-width: 1012px){.icon,input[type=file]{cursor:pointer}}#newnote{width:64px;height:64px;background-color:#fff;background-image:url(./img/icon-new.svg);background-size:30px;border-radius:50%;position:fixed;z-index:2;right:20px;bottom:20px;box-shadow:0 -1px 5px #00000026,5px 8px 10px #00000040}#locknote{background-image:url(./img/icon-lock.svg)}#locknote.is-unlock{background-image:url(./img/icon-unlock.svg)}#addnote,#savenote{background-image:url(./img/icon-save.svg)}#copynote{background-image:url(./img/icon-copy.svg)}#removenote{background-image:url(./img/icon-remove.svg)}#opensettings{background-image:url(./img/icon-settings.svg)}#exportnotes,#downloadnote{background-image:url(./img/icon-export.svg)}#importnotes{background-image:url(./img/icon-import.svg)}#closetemplate{background-image:url(./img/icon-close.svg)}#backtemplate{background-image:url(./img/icon-back.svg)}.button{width:36px;height:36px;background-color:#0000;background-size:36px}.button-note{position:fixed;top:13px}.button-copy{width:36px;height:36px;background-color:#0000;background-size:30px}input[type=file]{opacity:0;position:absolute}.icon{background-position:50%;background-repeat:no-repeat;outline:none;border:none}.right-10{right:10px}.right-50{right:50px}.right-95{right:95px}.right-140{right:140px}.right-180{right:186px}.left-10{left:10px}@media only screen and (max-device-width: 736px){#notepad{flex-direction:column;align-items:center}.note-card{width:300px;margin:8px 0 15px}}@media only screen and (min-device-width: 737px) and (max-device-width: 1011px){#notepad{justify-content:center}.note-card{width:320px;margin:8px 20px}}@media only screen and (min-device-width: 1012px){#notepad{justify-content:center}.note-card{width:320px;margin:17px;cursor:pointer}}#notepad{display:flex;flex-wrap:wrap;padding:0;margin-top:30px}.note-card{font-size:20px;list-style:none;box-sizing:border-box;border-radius:4px;padding:10px 15px;box-shadow:0 -1px 3px #00000026,2px 3px 5px #00000040}