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{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:row;align-items:center;margin:0;padding:2px;border-radius:1px;background:hsla(0,0%,100%,.8);box-shadow:1px 1px 5px 1px rgba(0,0,0,.2);transition:background-color .4s cubic-bezier(.4,0,1,1)}.header .KC{flex:90% 1;font-weight:600}.layoutBtn{flex:1% 1;cursor:pointer;width:50px;border-radius:50%;font-size:x-large;margin:0 5px}.layoutBtn .dp{position:relative;height:30px;width:30px;background-color:#ececec;border-radius:50%}.layoutBtn .dp:before{top:2px;left:9px;height:12px;width:12px;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.layoutBtn .dp:after,.layoutBtn .dp:before{content:"";display:block;position:absolute;background-color:grey}.layoutBtn .dp:after{bottom:3px;left:6px;height:15px;width:18px;-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.login-container{display:flex;flex-direction:column;max-width:500px;margin:80px auto 0;padding:10px 30px 30px;border-radius:10px;box-shadow:0 0 10px grey}.login-container .start{text-align:center}.login-container .start .high{display:block;font-weight:lighter}.login-container .avatar{position:relative;background-color:#a0a0a0}.login-container .avatar,.login-container .avatar .dp{height:100px;width:100px;margin:auto;border-radius:50%}.login-container .avatar .dp{position:absolute;z-index:20}.login-container .avatar .upload{position:absolute;right:4px;bottom:4px;height:20px;width:20px;padding:4px;box-shadow:0 0 8px #f0f0f0;background-color:#ececec;border-radius:50%;z-index:30;cursor:pointer}.login-container .avatar .upload:after{content:"+";position:absolute;left:5.5px;top:-5px;font-size:25px;font-weight:700;color:#a09595}.login-container .avatar+input{display:none}.login-container .avatar:before{top:10px;left:30px;height:40px;width:40px;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.login-container .avatar:after,.login-container .avatar:before{content:"";display:block;position:absolute;background-color:grey}.login-container .avatar:after{bottom:5px;left:20px;height:50px;width:60px;-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.login-container .inp-content{position:relative;width:100%;margin:5px 0;z-index:10}.login-container .inp-content .label{position:absolute;bottom:0;left:0;font-size:smaller;color:grey}.login-container .inp-content .placeholder{position:absolute;top:23px;left:5px;color:grey;z-index:-1;transition:all .2s ease-in-out}.login-container .inp-content .border-bottom{position:absolute;left:0;bottom:20px;margin:auto;display:block;height:2px;width:0;border:none;background:transparent;transition:width .5s ease,background-color .5s ease}.login-container .inp-content input{margin:20px 0;border:0;height:30px;width:100%;color:inherit;background:transparent;box-sizing:border-box;border-bottom:1px solid #000;transition:border-bottom 50ms ease}.login-container .inp-content input:focus{outline:none}.login-container .inp-content input:focus+.border-bottom{width:100%;background:#00f}.login-container .inp-content input:focus+.border-bottom+.placeholder{top:3px;left:0;font-size:small}.login-container .inp-content input:hover{border-bottom:2px solid #000}.login-container .inp-content input:not(:placeholder-shown):invalid+.border-bottom{width:100%;background:red}.login-container .inp-content input:not(:placeholder-shown)~.placeholder{top:3px;left:0;font-size:small}.login-container .form-button{position:relative;border:none;color:#fff;font-size:medium;background-color:rgba(255,0,0,.7);cursor:pointer;padding:10px;margin:10px auto;border-radius:5px;overflow:hidden;box-shadow:0 0 3px grey}.login-container .form-button:hover{box-shadow:0 0 7px grey}.login-container .link{float:right;text-decoration:none;color:#aa4949;cursor:pointer}.login-container .link:visited{color:#aa4949}@media only screen and (max-width:538px){.login-container{margin:0 auto;box-shadow:none}}.main{min-height:100vh;height:-webkit-min-content;height:min-content;background-color:#fdfdfd;color:rgba(0,0,0,.9);transition:all .4s cubic-bezier(.4,0,1,1)}.main .addNote{position:relative;max-width:600px;margin:30px auto;border-width:none;border-radius:10px;box-shadow:1px 1px 10px rgba(0,0,0,.2);padding:11.5px}.main .addNote textarea{width:100%;border:none;resize:none;outline:none;transition:all .4s cubic-bezier(.4,0,1,1)}.main .container{display:flex;flex-direction:row;flex-wrap:wrap;padding:2px;margin:auto;align-items:flex-start}.main .container.f{flex-direction:column;align-items:center;justify-content:space-between}.main .container .noteholder{position:relative;margin:13px;padding:5px;max-height:412px;max-width:264px;overflow:auto;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,.2),-1px -1px 3px rgba(0,0,0,.2);transition:all .2s ease-in-out;-webkit-animation:slide-up .5s ease;animation:slide-up .5s ease}.main .container .noteholder .note-text{padding:5px;border-width:0;resize:none;white-space:pre-wrap;word-wrap:break-word;min-width:240px;overflow:auto;outline:none}.main .container .noteholder .note-text .cross{text-decoration:line-through}.main .container .noteholder .note-text.f{min-width:90vw;max-width:90vw}.main .container .noteholder .tools{display:none}.main .container .noteholder .tools .date{position:absolute;margin:30px 5px 0 0;right:0;bottom:0;font-size:small}.main .container .noteholder .tools .btn{position:relative;float:right;color:#ffb592;border:none;background:none;cursor:pointer;outline:none;font-size:large}.main .container .noteholder.f{max-width:none}.main .container .noteholder:hover{box-shadow:2px 2px 5px rgba(0,0,0,.2),-2px -2px 5px rgba(0,0,0,.2)}.main .container .noteholder:hover .tools{display:block}.main.darkMode{background-color:#121212;color:hsla(0,0%,100%,.9)}.main.darkMode header{background:rgba(0,0,0,.8);box-shadow:1px 1px 5px 1px hsla(0,0%,100%,.2)}.main.darkMode .addNote{box-shadow:1px 1px 10px hsla(0,0%,100%,.2)}.main.darkMode .addNote textarea{color:#fff;background-color:#121212}.main.darkMode .noteholder{box-shadow:1px 1px 3px hsla(0,0%,100%,.2),-1px -1px 3px hsla(0,0%,100%,.2)}.main.darkMode .noteholder:hover{box-shadow:2px 2px 5px hsla(0,0%,100%,.2),-2px -2px 5px hsla(0,0%,100%,.2)}@-webkit-keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:538px){form{margin:20px}.textarea{min-width:20vw}.textareaf{min-width:90vw}}.loading-container{display:flex;position:fixed;top:0;height:3px;width:100%;background-color:pink;z-index:40}.loading-container .loading{background-color:red;width:30px;-webkit-animation:load 2s cubic-bezier(.68,-.55,.27,1.55) infinite normal none;animation:load 2s cubic-bezier(.68,-.55,.27,1.55) infinite normal none}@-webkit-keyframes load{0%{width:0}25%{width:25%}50%{width:50%}75%{width:75%}to{width:100%}}@keyframes load{0%{width:0}25%{width:25%}50%{width:50%}75%{width:75%}to{width:100%}}
/*# sourceMappingURL=main.ecb23ddc.chunk.css.map */