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}*{box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#b7c9ee;border-radius:5px}::-webkit-scrollbar-thumb{background-image:linear-gradient(0deg,#0cf,#2055c9);border-radius:10px}.notes-app-container{height:100vh;min-width:100vh;min-width:350px;overflow:hidden;width:100%}.notes-body-container{display:flex;flex-direction:row-reverse;overflow-y:hidden;position:relative;width:100%}@media screen and (min-width:768px){.notes-body-container{display:flex;flex-direction:row}}.notes-main-section{height:100vh;overflow-y:auto;padding-bottom:100px;width:100%}@media screen and (min-width:768px){.notes-main-section{flex-grow:1;width:70%}}.notes-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.main-heading{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#00dbeb,#5000b8);-webkit-background-clip:text;font-size:30px;margin:30px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search-and-add-button{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;max-width:940px;padding:0 25px;width:100%}@media screen and (max-width:530px){.search-and-add-button{align-items:center;flex-direction:column;justify-content:center}}.search-container{align-items:center;background-image:linear-gradient(270deg,#0ef,#5000b8);border-bottom-right-radius:10px;border-top-right-radius:10px;display:flex;margin-left:20px;margin-top:0;max-width:300px;padding:5px;width:100%}@media screen and (max-width:530px){.search-container{margin-left:0;margin-top:20px;width:100%}}.search-container input{background-color:#fff;border:none;border-radius:5px;border-bottom-left-radius:20px;border-top-left-radius:20px;caret-color:#a3a3a3;flex-grow:1;font-size:15px;outline:none;padding:15px;width:100%}.search-container input::placeholder{color:#979797}.search-icon{background-color:initial;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;height:46px;margin:0 5px;padding:10px;width:50px}.add-note-button{align-items:center;background-image:linear-gradient(270deg,#0ef,#5000b8);border:none;border-radius:10px;box-shadow:0 7px 29px 0 #64646f9c;color:#fff;display:flex;flex-wrap:nowrap;font-weight:600;margin:10x;padding:5px 20px;text-decoration:none}.add-note-button p{flex-wrap:nowrap;padding-left:10px}.notes-items-section{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.notes-items-container{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr;max-width:1600px;padding:10px 1.5rem 1.5rem}@media screen and (min-width:576px){.notes-items-container{grid-template-columns:1fr 1fr;padding:10px 1.5rem 1.5rem}}@media screen and (min-width:992px){.notes-items-container{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1200px){.notes-items-container{gap:1.7rem}}@media screen and (min-width:1300px){.notes-items-container{max-width:1000px}}@media screen and (min-width:1400px){.notes-items-container{grid-template-columns:1fr 1fr 1fr 1fr;max-width:1600px}}.not-found-notes-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:400px;min-height:70vh;padding:20px;width:100%}.not-found-notes-container img{width:100%}.not-found-notes-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#00dbeb,#5000b8);-webkit-background-clip:text;font-size:20px;margin-bottom:0;margin-top:20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.not-found-notes-container p{color:gray;font-size:15px;line-height:22px;text-align:center}.home-loading-screen-container{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;width:100%}.header-main-container{align-items:center;background-image:linear-gradient(270deg,#0ef,#5000b8);display:flex;justify-content:space-between;overflow-y:hidden;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}@media screen and (min-width:768px){.header-main-container{padding:20px 50px}}.app-logo-image{width:100px}@media screen and (min-width:576px){.app-logo-image{width:120px}}.nav-item-container,.nav-item-container div{align-items:center;display:flex}.nav-item-container div{flex-direction:column;justify-content:center}.logout-button{background-color:#fff;border:none;border-radius:5px;color:#008cff;cursor:pointer;font-weight:600;margin-right:20px;outline:none;padding:5px 20px}.navbar-icon{color:#fff;margin-left:20px}@media screen and (min-width:768px){.navbar-icon{display:none}}.profile-dropdown{opacity:0;position:fixed;top:60px;transform:scaleY(0);transform-origin:top;transition:opacity .3s ease,transform .3s ease}.profile-dropdown.open{opacity:1;transform:scaleY(1)}.profile-dropdown-card{background-color:#fff;border-radius:5px;box-shadow:0 7px 29px 0 #64646fbd;height:auto;margin-top:-6px;padding:10px}.profile-dropdown-card li{align-items:center;display:flex;list-style:none;padding:5px}.profile-dropdown-card li:hover{background-image:linear-gradient(270deg,#a6def8,#07f);border-radius:5px;color:#fff}.profile-dropdown-card li p{font-size:15px;margin:5px 0;padding-left:10px}@keyframes slide-down{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.notes-item-card{background-color:#00d9ff;border-radius:5px;border-radius:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.534);list-style:none;min-width:250px;padding-bottom:4px;text-decoration:none;width:100%;z-index:1}.note-item{background-color:#fff;background-image:linear-gradient(270deg,#ececec,#fff);border-radius:10px;display:flex;flex-direction:column;height:270px;justify-content:space-between;padding:15px;transition:1s ease-in-out;z-index:2}@media screen and (min-width:1200px){.note-item:hover{box-shadow:0 7px 29px 0 #64646fbd;transform:scale(1.02);-webkit-transform:scale(1.02) translate(4%,4%)}}.title-and-star{align-items:center;display:flex;justify-content:space-between}.title-and-star h4{-webkit-text-fill-color:#0000;-webkit-line-clamp:1;background:linear-gradient(270deg,#00dbeb,#5000b8);-webkit-background-clip:text;font-size:17px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.note-text,.title-and-star h4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-text{-webkit-line-clamp:4;color:#6d6d6d;font-size:15px;line-height:25px;margin-top:10px}.bottom-button-container{align-items:center;display:flex;justify-content:space-between}.delete-icon-button,.edit-icon-button{border:none;border-radius:5px;cursor:pointer;margin:0;outline:none}.restore-icon-button{border:1px solid #0084ff;border-radius:5px;cursor:pointer;outline:none;padding:2px 10px}.link{text-decoration:none}.react-responsive-modal-root{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.react-responsive-modal-modal{background:#fff;box-shadow:0 12px 15px 0 #00000040;display:inline-block;margin:1.2rem;max-width:800px;overflow-y:auto;padding:1.2rem;position:relative;text-align:left;vertical-align:middle}.react-responsive-modal-closeButton{background-color:initial;border:none;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:14px}.react-responsive-modal-container,.react-responsive-modal-modal,.react-responsive-modal-overlay{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(100%)}}@keyframes react-responsive-modal-modal-out{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(.96)}}.trigger-delete-button{align-items:center;background-color:#fff;border:1px solid red;border-radius:5px;color:red;cursor:pointer;display:flex;font-weight:600;margin:10px 0 10px 10px;padding:6px 20px}.trigger-delete-button p{font-size:12px;font-weight:600;margin:5px 0;padding-left:10px}.popup-card{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:20px}.popup-card p{color:#5c5c5c;font-weight:500;line-height:25px;margin-bottom:30px;margin-top:15px;text-align:center}.popup-buuton-container{align-items:center;display:flex;justify-content:space-around;width:100%}.cancel-button{background-color:#fff;border:1px solid red;border-radius:5px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.445);color:red;padding:5px 15px}.cancel-button,.confirm-button{cursor:pointer;font-weight:500;font-weight:600}.confirm-button{background-image:linear-gradient(270deg,#00c3ff,#9dff00);border:none;border-radius:5px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.466);color:#fff;padding:6px 15px}.sidebar-main-container{animation:rightToLeft .8s ease;background-image:linear-gradient(270deg,#a1adf3,#cadcff);box-shadow:0 7px 29px 0 #64646f9c;height:100vh;padding:20px;position:absolute;right:0;text-align:center;width:30%;width:220px;z-index:3}@media screen and (min-width:768px){.sidebar-main-container{animation:leftToRight 0s ease forwards;max-width:200px;position:relative;width:30%}}@media screen and (min-width:1200px){.sidebar-main-container{max-width:250px;width:30%}}.feature-heading-and-toggle{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between}@media screen and (min-width:768px){.feature-heading-and-toggle{flex-direction:row}}.feature-heading-and-toggle h4{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#00a8eb,#5000b8);-webkit-background-clip:text;font-size:16px;margin-right:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.features-item-container{padding:0}.nav-side-container{background-color:#ddd;height:100vh;padding:20px;z-index:3}.nav-bar{animation:leftToRight .5s ease forwards;cursor:pointer}@keyframes leftToRight{0%{opacity:0;transform:scale(.5);transform:translate(-100px)}40%{opacity:1;transform:translate(10px)}to{transform:scale(1)}}@keyframes rightToLeft{0%{opacity:0;transform:scale(.5);transform:translate(100px)}40%{opacity:1;transform:translate(0)}to{transform:scale(1)}}.feature-item{align-items:center;background-color:#fff;border-radius:10px;cursor:pointer;display:flex;list-style:none;margin:7px 0;padding:10px}.feature-item h5{font-size:12px;margin:0 0 0 10px}.feature-item:hover{background-image:linear-gradient(270deg,#a6def8,#07f);color:#fff}.active-feature{align-items:center;animation:leftToRight .6s ease forwards;background-color:#fff;border-inline:3px solid #0084ff;border-radius:10px;display:flex;list-style:none;margin:7px 0;padding:10px}@media screen and (max-width:768px){.active-feature{animation:rightToLeft .6s ease forwards}}.active-feature h5{color:#00aeff;font-size:12px;margin:0 0 0 10px}.note-details-main-container{min-width:100vh;min-width:300px;width:100%}.note-details-section{align-items:center;display:flex;flex-direction:column;padding:30px 20px}@media screen and (min-width:768px){.note-details-section{padding:50px 30px}}.note-details-card{border-radius:20px;box-shadow:0 7px 29px 0 #64646f9c;max-width:800px;padding:20px;width:100%}.title-and-date{display:flex;justify-content:space-between}.title-and-date h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#00dbeb,#5000b8);-webkit-background-clip:text;font-size:25px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:576px){.title-and-date h1{font-size:20px}}.title-and-date h5{color:gray;font-size:15px;margin-top:15px}.note-details-text{color:#5e5e5e;line-height:35px}.edit-and-delete-note{align-items:center;display:flex;justify-content:space-between}.delete-button,.edit-button{align-items:center;background-image:linear-gradient(270deg,#0ef,#5000b8);border:none;border-radius:5px;box-shadow:0 7px 29px 0 #64646f9c;color:#fff;cursor:pointer;display:flex;font-weight:600;margin:10px 0;padding:10px 20px}@media screen and (max-width:450px){.delete-button,.edit-button{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.397);padding:5px 15px}}.delete-button p,.edit-button p{margin:5px 0;padding-left:10px}@media screen and (max-width:450px){.delete-button p,.edit-button p{font-size:14px;padding-left:6px}}.restore-button{align-items:center;background-image:linear-gradient(90deg,#00c3ff,#9dff00);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:600;margin:10px 0 10px 10px;padding:7px 20px}.restore-button p{font-size:12px;font-weight:600;margin:5px 0;padding-left:10px}.archived-button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;margin-top:30px;outline:none;padding:4px 15px}.archived-button p{color:#fff;font-weight:500;margin:4px 0;padding-left:5px}.active-archive-button{background-image:linear-gradient(90deg,#9fa2a3,#b7bebe)}.in-active-archive-button{background-image:linear-gradient(90deg,#d0ff00,#00fff2)}.add-note-main-section-container{min-width:100vh;min-width:300px}.add-note-main-container,.add-note-main-section-container{align-items:center;display:flex;flex-direction:column;width:100%}.add-note-main-container{padding:50px 20px}@media screen and (min-width:768px){.add-note-main-container{padding:50px}}.add-note-section-card{border-radius:10px;box-shadow:0 7px 29px 0 #64646f9c;display:flex;flex-wrap:wrap;height:100%;justify-content:center;max-width:900px;padding:5px 0;width:100%}.add-note-from-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:30px;max-width:400px;order:2;padding:0 20px;width:100%}@media screen and (min-width:768px){.add-note-from-container{margin-top:0;order:1;padding:20px 30px;width:50%}}.input-container{display:flex;flex-direction:column;width:100%}.user-input{border:2px solid #0ef;border-radius:5px;font-size:13px;font-weight:400;outline:none;padding:10px;width:100%}.label{color:#6600c5;font-weight:500;margin-bottom:5px;margin-top:20px}.user-note-text{border:2px solid #0ef;border-radius:10px;font-family:Roboto;font-size:13px;font-weight:400;height:250px;line-height:25px;outline:none;padding:10px;width:100%}.add-button{border:none;border-radius:5px;color:#fff;font-weight:600;margin:30px 0;padding:10px 20px}.add-button,.form-detail-container{align-items:center;background-image:linear-gradient(270deg,#0ef,#5000b8);box-shadow:0 7px 29px 0 #64646f9c;display:flex}.form-detail-container{border-radius:20px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;flex-direction:column;flex-grow:2;justify-content:center;min-width:300px;order:1;padding:10px;width:100%}@media screen and (min-width:768px){.form-detail-container{border-bottom-left-radius:50px;border-bottom-right-radius:20px;border-top-left-radius:50px;order:2;width:50%}}.form-detail-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#8f0,#fff);-webkit-background-clip:text;font-size:25px;margin:20px 0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form-detail-container img{max-width:300px;width:90%}.archived-main-section{height:100vh;min-width:100vh;min-width:350px;overflow:hidden;width:100%}.archived-body-container{display:flex;flex-direction:row-reverse;overflow-y:hidden;position:relative;width:100%}@media screen and (min-width:768px){.archived-body-container{display:flex;flex-direction:row}}.archived-main-container{align-items:center;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding-bottom:100px;width:100%}@media screen and (min-width:768px){.archived-main-container{flex-grow:1;width:70%}}.loading-screen-container{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;width:100%}.deleted-main-section{height:100vh;min-width:100vh;min-width:350px;overflow:hidden;width:100%}.deleted-body-container{display:flex;flex-direction:row-reverse;overflow-y:hidden;position:relative;width:100%}@media screen and (min-width:768px){.deleted-body-container{display:flex;flex-direction:row}}.deleted-main-container{align-items:center;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding-bottom:100px;width:100%}@media screen and (min-width:768px){.deleted-main-container{flex-grow:1;width:70%}}.not-found-main-container{height:100vh}.not-found-container,.not-found-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.not-found-container{max-width:450px;padding:20px;width:100%}.not-found-container img{width:100%}.not-found-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#00dbeb,#5000b8);-webkit-background-clip:text;font-size:20px;margin-bottom:0;margin-top:20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.not-found-container p{color:gray;font-size:15px;line-height:22px;text-align:center}
/*# sourceMappingURL=main.204ebafa.css.map*/