@import url(https://ease-css.netlify.app/ease/css/ease.css);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}:root{--bg-light-color:#f0f2f5;--bg-white:#fff;--t-grey-1:#e7e7e7;--t-grey-2:#b1b1b1;--t-grey-3:#cacaca;--t-grey-4:#9c9c9c;--t-grey-5:#797979;--t-grey-6:#575757;--t-grey-7:#313131;--lvl-1:100;--lvl-2:200;--lvl-3:300;--lvl-4:400;--lvl-5:500;--lvl-6:600;--lvl-7:700;--lvl-8:800;--lvl-9:900;--lvl-10:1000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5}h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}.w-100{width:100%}.pl-05rem{padding-left:.5rem}.mtb05-rem{margin:.5rem 0}.mt05-rem{margin-top:.5rem}.mb05-rem{margin-bottom:.5rem}.circle-1rem{width:1rem;height:1rem}.circle-1rem,.circle-2rem{border-radius:50%;border:none}.circle-2rem{width:2rem;height:2rem}.btn-outline{border:1px solid #000}.red{background-color:#ff323c;color:#000}.red::-webkit-input-placeholder{color:#000}.red:-ms-input-placeholder{color:#000}.red::placeholder{color:#000}.blue{background-color:#00bdd3}.orange{background-color:#ff7402}.yellow{background-color:#ffd416}.green{background-color:#58b600}.white{background-color:#fff}.jcsb{-webkit-justify-content:space-around;justify-content:space-around}.home{position:relative;min-height:calc(100vh - 7rem);-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;grid-gap:3rem;gap:3rem}.home,.notes-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.notes-container{margin:0 auto;grid-gap:1rem;gap:1rem;-webkit-flex-wrap:wrap;flex-wrap:wrap}.write-note{background-color:#fff;border:none;height:2.5rem;border-radius:7px;width:300px;box-shadow:0 0 10px 1px #ebebeb}.createnote-container{z-index:var(--lvl-1);top:0;left:0;position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,.699)}.createnote-body{width:350px;position:absolute;padding:1rem;border-radius:10px}.createnote-body textarea{background:none;border:none;font-size:1rem;min-height:8rem;width:100%;resize:none;font-family:inherit;overflow:hidden;padding:.5rem;color:var(--t-grey-7);background-color:#fff;border-radius:5px;margin-top:.5rem}.relative{postion:relative}.close-btn{height:1rem;width:1rem;position:absolute;right:.5rem}.add-note-btn:focus{-webkit-transform:scale(.95);transform:scale(.95)}.disabled-btn{background-color:#525252;color:#fff}@media screen and (max-width:400px){.createnote-body{width:300px;padding:.5rem}.createnote-body textarea{min-height:5rem}}.note-card{height:auto;width:300px;border-radius:10px;padding:1rem .5rem 2rem;text-align:left;box-shadow:2px 2px 10px 1px #d8d8d8}.note-card hr{height:1px;background-color:#464646;border-width:0;width:100%;margin:0}.note-tag{top:.5rem}.edit,.note-tag{position:absolute;right:.5rem}.edit{bottom:.2rem}.loader{margin:50px auto}.loader span{width:16px;height:16px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px;-webkit-animation:3s linear infinite;animation:3s linear infinite;-moz-animation:3s infinite linear;-o-animation:3s infinite linear}.loader span:nth-child(2){background:#e84c3d;-webkit-animation:kiri 1.2s linear infinite;animation:kiri 1.2s linear infinite;-moz-animation:kiri 1.2s infinite linear;-o-animation:kiri 1.2s infinite linear}.loader span:nth-child(3){background:#f1c40f;z-index:100}.loader span:nth-child(4){background:#2fcc71;-webkit-animation:kanan 1.2s linear infinite;animation:kanan 1.2s linear infinite;-moz-animation:kanan 1.2s infinite linear;-o-animation:kanan 1.2s infinite linear}@-webkit-keyframes kanan{0%{-webkit-transform:translateX(20px)}50%{-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(20px);z-index:200}}@keyframes kanan{0%{-webkit-transform:translateX(20px)}50%{-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(20px);z-index:200}}@-webkit-keyframes kiri{0%{-webkit-transform:translateX(-20px);z-index:200}50%{-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(-20px)}}@keyframes kiri{0%{-webkit-transform:translateX(-20px);z-index:200}50%{-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(-20px)}}.signin-container{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:2rem 0}@media screen and (max-width:425px){.signin-container{grid-gap:3rem;gap:3rem;-webkit-flex-direction:column;flex-direction:column}.logo-container{width:70%;display:-webkit-flex;display:flex}}.logo-container{width:50%;display:none}.logo-container img{width:50%}.signup-container{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:2rem 0}.form-container{width:50%;background-color:#fff;width:350px;padding:.5rem 1rem;margin:2rem 0;border-radius:10px;box-shadow:0 0 10px 1px #e4e4e4}.form-container input{height:2.5rem;background-color:#f7f7f7;width:100%}@media screen and (max-width:425px){.signup-container{grid-gap:1.5rem;gap:1.5rem;-webkit-flex-direction:column;flex-direction:column}.logo-container{width:70%;display:-webkit-flex;display:flex}}.navbar{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:var(--lvl-1);height:3rem;background-color:#fff;box-shadow:0 0 2px 1px #ebebeb}
/*# sourceMappingURL=main.4f7b98fe.chunk.css.map */