:root{--menu-hover-color:#f0eba7;--pallete1:#fffde2;--pallete2:#f9f6c6;--pallete3:#fff78b;--pallete4:#8b842b;--pallete5:#6d693b}body{background-color:#fffde2;background-color:var(--pallete1);font-family:Poppins,Arial,Helvetica,sans-serif;padding:0;width:100vw}body,p{margin:0}.selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.flex-con{justify-content:space-between}.flex-con,.flex-con-2{align-items:center;display:flex}.flex-con-2{justify-content:space-around}.fcol{flex-direction:column}.horizontal-divider{height:95%;width:1px}.horizontal-divider,.vertical-divider{background-color:#8b842b;background-color:var(--pallete4)}.vertical-divider{height:1px;width:100%}.loading-circle{color:#6d693b;color:var(--pallete5);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;-moz-user-select:none}.loading-circle img{height:auto;width:10%}.loading-circle div{font-size:.9em;height:70px;margin-top:15px}.loading-circle button{font-size:97%;padding-left:1.5em;padding-right:1.5em}button{background-color:#8b842b;background-color:var(--pallete4);border-radius:8px;border-style:none;color:#fff78b;color:var(--pallete3);font-size:20px;padding:8px 12px;transition:background-color .3s}button:hover{background-color:#6d693b;background-color:var(--pallete5)}.btn-m{min-width:150px}.btn-l{min-width:250px}.btn-xl{min-width:350px}.foot-con{background-color:#f9f6c6;background-color:var(--pallete2);border-top:1px solid #8b842b;border-top:1px solid var(--pallete4);min-height:55px;width:100%}.pos-abs-center{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.empty{align-items:center;color:#8b842b;color:var(--pallete4);display:flex;font-size:large;height:100%;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.blocker{background-color:hsla(0,0%,100%,.589);height:100vh;left:0;position:absolute;top:0;width:100%;z-index:14}.my-notepad{height:100vh;width:99.5%}.landing-page,.main{height:100vh;width:100%}.landing-page .content{align-items:center;display:flex;justify-content:center;padding:10% 25px 20px}.lp-btn{height:50px;margin:5px 0;position:relative}.lp-btn .icon{left:4%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.lp-btn p{font-size:90%}.animated-bg{background-color:#f9f6c6;background-color:var(--pallete2);height:100vh;position:fixed;width:100%;z-index:-1}.animated-bg .text{-webkit-animation:animate-bg 40s linear infinite;animation:animate-bg 40s linear infinite;background-image:url(/static/media/my-notepad.190df2ac5f81b1ca60fd.png);background-repeat:repeat;background-size:180px 63px;height:5000px;overflow:hidden;position:absolute;top:-2500px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5000px}@-webkit-keyframes animate-bg{0%{left:0;opacity:0}5%{opacity:1}95%{opacity:1}to{left:300px;opacity:0}}@keyframes animate-bg{0%{left:0;opacity:0}5%{opacity:1}95%{opacity:1}to{left:300px;opacity:0}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d3d3d3;border-bottom:1px solid #8b842b;border-bottom:1px solid var(--pallete4);border-top:1px solid #8b842b;border-top:1px solid var(--pallete4)}::-webkit-scrollbar-thumb:hover{background:#6d693b;background:var(--pallete5)}.slider{-webkit-appearance:none;background:#8b842b;background:var(--pallete4);border-radius:5px;height:20px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f9f6c6;background:var(--pallete2);border:2px solid #6d693b;border:2px solid var(--pallete5);border-radius:5px;cursor:pointer;height:25px;width:25px}.slider::-moz-range-thumb{background:#f9f6c6;background:var(--pallete2);cursor:pointer;height:25px;width:25px}.modern-radio-container{cursor:pointer;display:flex;padding:8px;text-align:center;-webkit-user-select:none;user-select:none}.modern-radio-container:hover{background-color:#f0eba7;background-color:var(--menu-hover-color)}.radio-outer-circle{align-items:center;border:2px solid #8b842b;border:2px solid var(--pallete4);display:flex;height:15px;justify-content:center;margin-right:12px;min-height:15px;min-width:15px;width:15px}.radio-inner-circle,.radio-outer-circle{border-radius:50%;transition:all .1s linear}.radio-inner-circle{background-color:#8b842b;background-color:var(--pallete4);height:7px;width:7px}.unselected{border:2px solid #666}.unselected-circle{height:0;width:0}.helper-text{color:#666;font-size:14px;padding-right:8px}.header{background-color:#fff78b;background-color:var(--pallete3);border-bottom:1px solid #8b842b;border-bottom:1px solid var(--pallete4);color:#8b842b;color:var(--pallete4);height:55px;position:relative;width:100%}.header h1{margin:0 0 0 60px}.user-account{height:40px;margin-right:20px;width:40px}.picture{border-radius:50%}.header .header-file-icon{height:40px;left:15px;position:absolute;width:40px}.list{height:99.5%;overflow:auto;width:100%}.list-item{border-bottom:1px solid #fff78b;border-bottom:1px solid var(--pallete3);color:#fff78b;color:var(--pallete3);padding:3px 18px}.active{background-color:#6d693b;background-color:var(--pallete5)}.inactive{background-color:#8b842b;background-color:var(--pallete4)}.inactive:hover{background-color:#a39c38}.list-item div{margin:0 17px}.list-item p{color:#fff;font-size:14px}.list-item small{font-size:12px;font-style:italic}.list-item .list-item-icon{font-size:30px}.list-item .delete-button{height:30px;margin:0;visibility:hidden;width:30px}.delete-button .icon{font-size:30px}.delete-button .icon:hover{color:red}.list-item .list-item-info{width:80%}.notes{background-color:#fffde2;background-color:var(--pallete1);margin-right:2px;max-width:350px;min-width:350px;position:relative}.notes,.text-editor{border:1px solid #8b842b;border:1px solid var(--pallete4);border-top:none;height:99.5%}.text-editor,.title{width:100%}.title{background-color:#8b842b;background-color:var(--pallete4);height:50px;line-height:50px;position:relative}.title .title-con{height:100%;margin:0 15px}.title-con .icon{color:#fff78b;color:var(--pallete3);height:100%;width:50px}.title-con .icon>*{font-size:25px;transition:all .05s}.title-con .icon>:hover{color:#fff;font-size:26px}.title-text{height:100%;margin:0 auto;position:relative;width:80%}.title-text .icon-wrapper{background-color:#fff;color:#8b842b;color:var(--pallete4);display:none;height:90%;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:70px}.title-text .icon{font-size:28px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.title-text input{background-color:initial;border-radius:5px;border-style:none;color:#fff78b;color:var(--pallete3);font-family:Poppins,Arial,Helvetica,sans-serif;font-size:17px;height:90%;padding:0;text-align:center;width:100%}.title-text input:hover{cursor:pointer}.title-text input:focus{background-color:#fff;color:#8b842b;color:var(--pallete4);outline:none}.title-text input::selection{background-color:#8b842b;background-color:var(--pallete4);color:#fff}.pad{height:90%;width:100%}.pad textarea{border-style:none;height:100%;outline:none;resize:none;width:100%}.viewport{height:100%;overflow:auto;position:relative;width:100%}.paper{box-sizing:border-box;color:#8b842b;color:var(--pallete4);line-height:29px;min-height:100%;outline:none;padding-left:5px;width:100%}.paper::selection{background-color:#8b842b;background-color:var(--pallete4);color:#fff}.paper div::selection{background-color:#8b842b;background-color:var(--pallete4);color:#fff}.paper br::selection{background-color:#8b842b;background-color:var(--pallete4);color:#fff}.paper-stripe-bg{background-image:repeating-linear-gradient(#fff,#fff 28px,#8b842b 29px);background-image:repeating-linear-gradient(#fff 0,#fff 28px,var(--pallete4) 29px);position:absolute}.paper-white-bg{background-color:#fff}.text-editor-buttons{align-items:center;display:flex;flex-flow:row-reverse;height:100%;margin:0 15px}.text-editor-buttons .icon{color:#8b842b;color:var(--pallete4);font-size:40px;margin:0 10px;transition:color .3s}.text-editor-buttons .icon:hover{color:#6d693b;color:var(--pallete5)}.text-editor-buttons .save-btn{margin:0 10px}.confirmation-box{background-color:#f9f6c6;background-color:var(--pallete2);border:1px solid #8b842b;border:1px solid var(--pallete4);box-shadow:0 0 15px 2px #6d693b;box-shadow:0 0 15px 2px var(--pallete5);color:#8b842b;color:var(--pallete4);display:flex;flex-direction:column;height:180px;justify-content:space-between;padding:18px;width:350px;z-index:12}.confirmation-box .confirmation-title{color:#8b842b;color:var(--pallete4);font-size:25px;font-weight:500;margin-left:10px}.confirmation-box .icon{font-size:30px}.content-reader{background-color:#8b842b;background-color:var(--pallete4);border-radius:5px;height:37px;margin:0 10px;padding:3px 8px;position:relative;transition:background-color .3s;width:70px}.content-reader:hover{background-color:#6d693b;background-color:var(--pallete5)}.content-reader .reader-icon{background-color:#fff78b;background-color:var(--pallete3);border-radius:3px;color:#8b842b;color:var(--pallete4);font-size:30px;margin-left:10px;width:68%}.content-reader .caret-up-icon{color:#fff78b;color:var(--pallete3);font-size:30px}.content-reader-options{background-color:#f9f6c6;background-color:var(--pallete2);border:1px solid #8b842b;border:1px solid var(--pallete4);bottom:60px;box-shadow:0 0 15px 2px #6d693b;box-shadow:0 0 15px 2px var(--pallete5);color:#8b842b;color:var(--pallete4);height:200px;left:-200px;padding:15px 3px;position:absolute;width:350px}.content-reader-options p{font-size:17px;font-weight:500;width:80%}.content-reader-options select{background-color:#8b842b;background-color:var(--pallete4);border:none;color:#fff;cursor:pointer;font-family:Poppins,Courier New,Courier,monospace;height:40px;outline:none;padding:10px;transition:background-color .3s;width:80%}.content-reader-options select:hover{background-color:#6d693b;background-color:var(--pallete5)}.content-reader-options select option{background-color:#f9f6c6;background-color:var(--pallete2);color:#8b842b;color:var(--pallete4);font-size:15px}.content-reader-options .slider{width:80%}.sort-button{color:#8b842b;color:var(--pallete4);font-size:30px}.sort-option{background-color:#f9f6c6;background-color:var(--pallete2);border:1px solid #8b842b;border:1px solid var(--pallete4);bottom:57px;box-shadow:0 0 15px 2px #6d693b;box-shadow:0 0 15px 2px var(--pallete5);position:absolute;right:10px;width:170px;z-index:12}.note-info{color:#8b842b;color:var(--pallete4);position:relative}.info-menu{background-color:#f9f6c6;background-color:var(--pallete2);box-shadow:0 0 15px 2px #6d693b;box-shadow:0 0 15px 2px var(--pallete5);font-size:14px;height:100px;left:-70%;padding:10px;position:absolute;top:-140px;-webkit-transform:translateX(-70%);transform:translateX(-70%);width:280px}.info-menu h2{margin:5px 0}.account-menu{background-color:#f9f6c6;background-color:var(--pallete2);box-shadow:0 0 15px 2px #6d693b;box-shadow:0 0 15px 2px var(--pallete5);overflow:hidden;position:absolute;right:3px;top:51px;width:150px;z-index:10}.account-menu .btn{color:#6d693b;color:var(--pallete5);line-height:50px;padding-left:20px;width:100%}.account-menu .btn:hover{background-color:#f0eba7;background-color:var(--menu-hover-color)}.mobile-notes{border:none;max-width:none;width:100%}.mobile-confirmationbox{height:50vw;width:80vw}.btn-mobile{width:47%}.mobile-content-reader{position:static}.mobile-content-reader-options{bottom:65px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
/*# sourceMappingURL=main.ac2875a5.css.map*/