@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);@import url(https://fonts.googleapis.com/css2?family=Domine&display=swap);@import url(https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap);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}.Container{align-items:center;display:flex;flex-direction:column;justify-content:center}.headertext{font-family:Righteous,cursive}.headertext,.titletext{display:flex;flex-wrap:wrap}.titletext{font-family:Domine,serif;font-weight:700}.paratext{font-family:Roboto Mono,monospace}.inputtext,.paratext{display:flex;flex-wrap:wrap}.inputtext{align-items:center;border:none;border-radius:10px;flex-direction:row;font-family:Space Grotesk,sans-serif;font-size:20px;margin:10px;outline:1px solid #000;padding:8px}.inputtext:focus{box-shadow:1px 1px 4px 2px #000}.commenttext{color:#c294d4;font-size:x-small}.commenttext,.tagtext{display:flex;font-family:Edu NSW ACT Foundation,cursive}.btn{align-items:center;border-radius:30px;display:flex;font-family:Roboto Mono,monospace;justify-content:center;margin:5px;padding:5px;transition:.2s}.btn:hover{background-color:#c294d4;color:#fff;cursor:pointer;scale:.9}.btn:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.Xmark{display:flex;position:absolute;right:7px;top:7px}i{cursor:pointer;margin-left:10px;padding:5px;scale:1.2}i:hover{scale:1}.spinner{align-items:center;-webkit-animation:FadeIn .5s ease-in-out;animation:FadeIn .5s ease-in-out;bottom:0;height:100%;justify-content:center;position:absolute;right:0;width:100%;z-index:999}.back,.spinner{display:flex;left:0}.back{color:#000;position:fixed;top:8rem}@-webkit-keyframes FadeIn{0%{opacity:0}to{opacity:1}}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:600px){.cardContainer{width:90%}.spinner{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notesArea{width:40%}}@media screen and (min-width:601px){.cardContainer{width:25%}}.navbarContainer{background-color:#f3e2fa;flex-wrap:wrap;justify-content:space-between;z-index:11}.navbarContainer,.navleft{display:flex;flex-direction:row}.title{font-family:Roboto Condensed,sans-serif;font-size:2rem;padding:5px 5px 5px 0}.categories{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.links{color:#9b6dad;display:flex;font-family:Roboto Condensed,sans-serif;font-size:1rem;margin:5px;padding:5px;text-decoration:none;transition:.2s;transition-timing-function:ease-in-out}.links:hover{scale:.95}.btnContainer{justify-content:center}.btnContainer,.logout{display:flex;flex-direction:row;margin:5px}.logout{align-items:center;justify-content:space-around;padding:5px}.logout i{margin-right:10px;padding:5px;scale:1.2}.logout i:hover{scale:1.1}.logout button{background-color:#fff;color:#42334b;display:flex;margin-left:5px;padding:5px}.login{flex-direction:row}.addnoteContainer,.login{align-items:center;display:flex;justify-content:center}.addnoteContainer{-webkit-animation:slidetoRight 1s ease-in-out;animation:slidetoRight 1s ease-in-out;background-color:#fff;background-size:100% 25px;border:2px solid #000;border-radius:20px;box-shadow:-15px 15px 10px gray;flex-direction:column;height:90%;margin:10px;padding:1rem;transition:.5s ease-out}.addnoteContainer form{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:5px}.addnoteContainer form textarea{display:flex;resize:none}#tag,#title,.addnotebtn{display:flex}.addnotebtn{background-color:#fff;color:#000;outline:1px solid #000;transition:.2s}.addnoteContainer form input[type=submit]:disabled{background-color:#918e92;color:#000}.addnoteContainer form input[type=submit]:disabled:hover{box-shadow:none;cursor:no-drop;scale:1}.addnoteContainer form input[type=submit]:disabled:active{-webkit-transform:none;transform:none}@-webkit-keyframes slidetoRight{0%{margin-right:-200%;opacity:0}to{margin-right:0;opacity:1}}@keyframes slidetoRight{0%{margin-right:-200%;opacity:0}to{margin-right:0;opacity:1}}@-webkit-keyframes rotateitem{0%{rotate:20deg}to{rotate:0deg}}@keyframes rotateitem{0%{rotate:20deg}to{rotate:0deg}}.cardContainer{-webkit-animation:growOut .5s ease-in-out;animation:growOut .5s ease-in-out;background-color:#f3e2fa;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;flex-wrap:wrap;margin:10px;padding:5px;position:relative;transition:.3s}.cardContainer:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.cardtop{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tag{background-color:#000;border-radius:2px;bottom:-5px;color:#fff;display:flex;padding-left:5px;padding-right:5px;position:absolute;transition:.5s}.cardbottom{align-items:center;flex-direction:column}.cardTitle,.cardbottom{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.cardTitle{margin:5px;text-align:center}.cardTitle,.cardbottom p{flex-direction:row;overflow-wrap:anywhere}.cardbottom p{display:flex;line-height:1.5;width:100%}@-webkit-keyframes growOut{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(100%);transform:scaleY(100%)}}@keyframes growOut{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(100%);transform:scaleY(100%)}}.noteContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%}.modal{display:none}.mymodal{background-color:rgba(0,0,0,.599);height:100%;justify-content:center;top:0;width:100%;z-index:99}.myconfirmation,.mymodal{align-items:center;display:flex;position:fixed}.myconfirmation{background-color:#fff;border:5px solid #000;border-radius:30px;flex-direction:column;margin:auto;opacity:1;transition:all .5s;width:50%}.myconfirmation form{display:flex;flex-direction:column;width:80%}.myconfirmation form textarea{resize:none}#yesnobtn{display:flex;flex-direction:row;justify-content:space-evenly;margin:5px;padding:5px;width:50%}#yesbtn:hover{background-color:#2ee468}#nobtn:hover,#yesbtn:hover{box-shadow:2px 2px 2px #000;color:#fff}#nobtn:hover{background-color:#ea1818}.notesArea{align-items:center;flex-direction:column;padding:5px;width:60%}.noteitemslist,.notesArea{display:flex;flex-wrap:wrap}.noteitemslist{align-items:flex-start;flex-direction:row;justify-content:center;width:100%}@-webkit-keyframes scaling{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(100%);transform:scaleY(100%)}}@keyframes scaling{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(100%);transform:scaleY(100%)}}@-webkit-keyframes scalingOut{0%{-webkit-transform:scaleY(100%);transform:scaleY(100%)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes scalingOut{0%{-webkit-transform:scaleY(100%);transform:scaleY(100%)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}.aboutContainer{background-color:#f3e2fa;border-radius:20px;flex-direction:column;margin:10px;padding:20px;width:70%}.aboutContainer,.aboutHead{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.aboutHead{flex-direction:row}.image{border-radius:10%;box-shadow:2px 3px 7px 5px #a9279e9f;height:20%;padding:5px;width:30%}.aboutHeader,.image{display:flex;margin:10px}.aboutHeader{padding:10px}.aboutText{align-items:center;display:flex;flex-direction:column;justify-content:center}.alert{background-color:#c37adfc2;color:#41134c;z-index:50}.alert,.redAlert{align-items:center;animation:fadeIn .5s ease-in-out,fadeIn .5s ease-in-out 2.5s alternate-reverse;display:flex;flex-wrap:wrap;height:2rem;justify-content:center;position:absolute;-webkit-transform-origin:top;transform-origin:top;width:100%}.redAlert{background-color:#db8888e5;color:#972828}.greenAlert{align-items:center;animation:fadeIn .5s ease-in-out,fadeIn .5s ease-in-out 2.5s alternate-reverse;background-color:#afdd8ab5;color:#1d7c08;display:flex;flex-wrap:wrap;height:2rem;justify-content:center;position:absolute;-webkit-transform-origin:top;transform-origin:top;width:100%}@-webkit-keyframes fadeIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes fadeIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.loginContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:10px;padding:10px}.loginHeader{display:flex;font-size:xx-large;margin:2rem;padding:10px}.loginform{align-items:center;border:2px solid #000;border-radius:30px;box-shadow:10px 10px 10px gray;flex-wrap:wrap;justify-content:center;padding-bottom:7rem;padding-top:7rem}.loginform,.loginform form{display:flex;flex-direction:column}.loginform form{margin:5px;padding:5px;width:80%}.loginform form label{color:#c294d4;padding:5px}.loginform form input{text-align:center}.loginform form input:focus{outline:none}.signupContainer{flex-direction:row;margin:10px;padding:10px}.signupContainer,.signupform{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.signupform{border:2px solid #000;border-radius:30px;box-shadow:10px 10px 10px gray;flex-direction:column;padding-bottom:3rem;padding-top:3rem}.signupform form{display:flex;flex-direction:column;width:90%}.signupform form label{color:#c294d4;padding:5px}.signupform form input{text-align:center}.signupform form input:focus{outline:none}.gototext{color:#c294d4}.clickhere:hover{color:#14df14;cursor:pointer;scale:.95}.profileContainer{align-items:center;background-color:#000;border-radius:10px;box-shadow:0 0 12px 5px #a9279e9f;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:2rem}.profileDetails img{border-radius:50%;box-shadow:0 0 12px 5px #983290f9;display:flex;height:25vh;transition:.3s}.profileDetails img:hover{box-shadow:0 0 15px 8px #bd3eb2;cursor:pointer;scale:1.1}.profileDetails{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;width:90%}.hidden{display:none}.hidden form{display:flex;flex-direction:column;transition:.3s}.showform{align-items:center;background-color:hsla(0,100%,99%,.829);border-radius:10px;box-shadow:0 0 12px 5px #a9279e9f;color:#000;display:flex;height:auto;justify-content:center;margin:5px;padding:2rem;position:absolute}.showform input{background-color:rgba(0,0,0,.774);color:#fff}.out{-webkit-animation:fadeOut .3s;animation:fadeOut .3s;display:none}.formbtn{display:flex;justify-content:space-between}#discardbtn:hover{background-color:red}#changepwdbtn:hover{background-color:green}@-webkit-keyframes fadeOut{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes fadeOut{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}
/*# sourceMappingURL=main.efd0b5a7.css.map*/