body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--dark:#22201f;--light-text:#5e5e5e;--dark-blue:#29417e;--soft-white:#f9f5f2;--hard-white:#fff;--green:#337357;--grey:#c2c0bc;--pink:#fbcec9;--davy-grey:#494947;--light-blue:#e0e7ff}*{box-sizing:border-box}body{background:#c2c0bc;background:var(--grey);background:linear-gradient(135deg,#f3f4f6,#e0e7ff);margin:0!important;padding:0!important}body::-webkit-scrollbar{width:4px}.dark-text{color:#22201f;color:var(--dark)}.grey-text{color:#c2c0bc;color:var(--grey)}.davy-grey{color:#494947;color:var(--davy-grey)}.bg-blue{background-color:#e0e7ff;background-color:var(--light-blue);background:linear-gradient(135deg,#f3f4f6,#e0e7ff)}.bg-dark{background-color:#22201f;background-color:var(--dark)}.bg-dark-blue{background-color:#29417e;background-color:var(--dark-blue)}.bg-soft-white{background-color:#f9f5f2;background-color:var(--soft-white)}.bg-white{background-color:var(--white)}.bg-green{background-color:#337357;background-color:var(--green)}.soft-white{color:#f9f5f2;color:var(--soft-white)}.hard-white{color:#fff;color:var(--hard-white)}.pic{border-radius:50%;height:36px;width:36px}.row{margin:0}.base{height:100vh!important;padding:.5rem;position:relative;width:100%}.upper{height:80px;max-height:100px;min-height:80px;width:100%}.upper,main{border-top-right-radius:.5rem}main{border-bottom-right-radius:.5rem;position:relative}main .btn-add{bottom:18px;position:absolute;right:16px;z-index:6}aside{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.nav-link{transition:left .15s linear,color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-link .active{background:#fff;background:var(--hard-white);color:#22201f;color:var(--dark)}.close-nav,.open-nav{background:none;display:none;height:fit-content}.open-nav{border:none;transform:translate(-12px,-12px)}.profile{position:absolute;transform:translateY(-50%)}.noteside{border-bottom-right-radius:.5rem;height:calc(100% - 80px);padding-top:2rem}.notes-container{height:calc(100vh - 180px);overflow-y:auto}.note-content{height:calc(100vh - 232px);overflow-y:auto}.addnote input{border:none;outline:none}.empty-svg{width:430px}.name,.user{height:fit-content}.drop-icon{height:24px}.profile-image{align-items:center;background-color:#337357;background-color:var(--green);background-color:#d7c8b6;border-radius:50%;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.profile .email{font-size:.7em}.profile .email,.profile .name{transform:translateY(-4px)}.profile .change{transform:translateY(-12px)}.modal .pic-box{position:relative}.modal .pic-box,.modal .profile-image{height:90px;width:90px}.modal label{color:#494947;color:var(--davy-grey);font-size:.75rem}.modal-content{background:#c2c0bc;background:var(--grey)}.modal input{background:#0000;border:none}.modal input:disabled{color:#22201f;color:var(--dark)}.modal .edit-pic{align-items:center;background:#c2c0bc;background:var(--grey);border:1px solid #f9f5f2;border:1px solid var(--soft-white);border-radius:50%;bottom:0;display:flex;height:28px;justify-content:center;position:absolute;right:0;width:28px;z-index:4}.modal input[type=file]{display:none}.modal .loader{background:rgba(0,0,0,.096);border-radius:50%;height:90px;position:absolute;width:90px;z-index:2}.modal .loader:after{animation:spin 1s linear infinite;border:3px solid #ffffff56;border-radius:50%;border-top-color:#0000;content:"";height:35px;left:50%;position:absolute;top:50%;width:35px;z-index:3}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.alert-all{z-index:10}.tab{color:#494947;color:var(--davy-grey);text-decoration:none}.back{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.color{border:2px solid #fff;border:2px solid var(--hard-white);border-radius:50%;box-shadow:0 0 0 1px #c2c0bc;box-shadow:0 0 0 1px var(--grey);cursor:pointer;height:35px;width:35px}.line{border-left:1px solid #c2c0bc;border-left:1px solid var(--grey);height:30px}.update input,.update textarea{background:#0000;border:none;border-radius:0;padding:0}.update #title{border-bottom:1px solid #c2c0bc;border-bottom:1px solid var(--grey)}.update .form-control:focus{background:#0000;box-shadow:none}.light .head{color:#fff;color:var(--hard-white)}.light .sub-head{color:#f9f5f2;color:var(--soft-white)}.dark .head{color:#22201f;color:var(--dark)}.dark .sub-head{color:#494947;color:var(--davy-grey)}.colors{align-items:center;display:flex;overflow-x:auto;width:calc(100% - 2.5rem)}.card{word-wrap:break-word;background:#f5f5f5;height:190px;margin:1rem;overflow:hidden;padding:1.8rem 1.2rem;position:relative;text-decoration:none;transition:box-shadow .3s ease,transform .2s ease;width:220px}.card-info{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:transform .2s ease,opacity .2s ease}.card-footer{background:rgba(255,0,0,.199);border:none;border-top:1px solid #db3b3b3b;bottom:-58px;left:0;padding:1rem;position:absolute;text-align:center;transition:bottom .2s ease;width:100%}.card-footer .restore{background:rgba(0,255,21,.199);border:1px solid #68db3b3b;border-bottom:none;border-right:none}.card-footer .delete,.card-footer .restore{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);filter:blur(2px)}.card-footer .delete{background:rgba(255,0,0,.199);border:1px solid #db3b3b3b;border-bottom:none;border-left:none}.card-title{font-size:1.1em;font-weight:600}.card-desc{font-size:.8em}.card-date{color:#c2c0bc;color:var(--grey);font-size:.6em}.card:hover{background:#fff;background:var(--hard-white);background:#1987540a;box-shadow:0 8px 50px #23232333}.card:hover .card-info{transform:translateY(-5%)}.card:hover .card-footer{bottom:0}.card:hover .card-footer .delete:hover,.card:hover .card-footer .restore:hover{filter:blur(0)}.form-bg a{text-decoration:none}@media screen and (min-width:768px){.colors::-webkit-scrollbar,.note-content::-webkit-scrollbar,.notes-container::-webkit-scrollbar{background-color:#f9f5f2;background-color:var(--soft-white);border-radius:16px;height:4px;width:4px}.colors::-webkit-scrollbar-thumb,.note-content::-webkit-scrollbar-thumb,.notes-container::-webkit-scrollbar-thumb{background:#c2c0bc;background:var(--grey);border-radius:16px}}@media screen and (max-width:767px){.base{padding:0}main{border-radius:0}.upper{border-top-right-radius:0}.hero-text{order:1}.illustration{order:0}}@media screen and (max-width:576px){aside{border-radius:0;height:93vh;left:0;position:absolute;width:240px!important;z-index:2}.hero-text{order:1}.illustration{order:0}.close-nav,.open-nav{display:block}.hide{left:-245px}.card{height:200px;margin:.7rem;width:150px}.empty-svg{width:320px}}label{display:block}.login{height:90vh}.signup-login .logo{width:100px}
/*# sourceMappingURL=main.52aa6102.css.map*/