@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);.navbar{display:block;background-color:var(--primary-color);width:100%;height:50px;padding:1em}.navbar .container{max-width:1024px;margin:0 auto;display:flex;justify-content:space-between}.navbar .container .logo{display:flex;align-items:center}.navbar .container .logo i{color:#fff;font-size:2rem}.navbar .container .logo h1{color:#fff;font-size:1.2rem;margin-left:.25em}.navbar .container button{background:none;border:none;color:#fff;padding:.5em;border:1px solid #fff;border-radius:5px;cursor:pointer}:root{--background-color:#d6d6d6;--primary-color:#00611d;--secondary-color:#6eaa5e;--white-color:#fff;--black-color:#000;--lightgrey-color:#6d6d6d;--redprimary-color:#ff4545;--redsecondary-color:red}*,:after,:before{padding:0;margin:0;box-sizing:border-box}body{font-size:62.5%;font-family:Roboto,sans-serif;background-color:var(--background-color)}.wrapper{max-width:1200px;margin:0 auto;padding:2em}button{border-radius:10px;cursor:pointer;font-weight:700}.modal[data-v-5823f522]{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.65);width:100%;min-height:100svh}.modal-body[data-v-5823f522]{display:flex;flex-direction:column;justify-content:center;width:500px;min-height:30svh;background-color:#ddd;border-radius:10px;padding:1em}.modal-body h2[data-v-5823f522]{font-size:1.2rem;text-align:center}.modal-body .buttons-box[data-v-5823f522]{margin-top:2em;display:flex;justify-content:center}.modal-body .buttons-box .button[data-v-5823f522]{padding:1em 2em;background:none;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s}.modal-body .buttons-box .cancel[data-v-5823f522]{margin-right:1em;background-color:var(--white-color)}.modal-body .buttons-box .cancel[data-v-5823f522]:hover{background-color:var(--lightgrey-color);color:var(--white-color)}.modal-body .buttons-box .delete[data-v-5823f522]{background-color:var(--redprimary-color)}.modal-body .buttons-box .delete[data-v-5823f522]:hover{background-color:var(--redsecondary-color);color:var(--white-color)}.note[data-v-73f16475]{display:flex;flex-direction:column;justify-content:space-between;width:45%;margin:1em 0;border-radius:10px;background-color:var(--secondary-color);font-size:1rem;text-align:justify;overflow:hidden}.note .title-bar[data-v-73f16475]{padding:.5em 1em;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;margin-bottom:1em;background-color:var(--primary-color)}.note .title-bar .title[data-v-73f16475]{width:50%;text-align:center;font-size:1.2rem;color:var(--white-color)}.note .title-bar .buttons-box[data-v-73f16475]{width:40%;text-align:right}.note .title-bar .buttons-box button[data-v-73f16475]{width:20px;height:20px;background:none;border:none;background-repeat:no-repeat;background-position:50%;cursor:pointer}.note .title-bar .buttons-box button[data-v-73f16475]:last-child{margin-left:.5em}.note .title-bar .buttons-box .edit[data-v-73f16475]{background-image:url(/img/edit-3.aa527d9c.svg)}.note .title-bar .buttons-box .remove[data-v-73f16475]{background-image:url("/img/x%20(1).a6781c7a.svg")}.note .text[data-v-73f16475]{padding:.5em}.note .date[data-v-73f16475]{padding:.5em;display:block;text-align:right;margin-top:1em;font-size:.8rem;color:#505050}.popup{position:fixed;top:0;left:0;width:100%;min-height:100svh;background-color:rgba(0,0,0,.6)}.popup,.popup-body{display:flex;align-items:center}.popup-body{padding:2em 0;flex-direction:column;justify-content:center;background-color:var(--background-color);width:80%;min-height:30svh;margin:0 auto;border-radius:10px}.popup-body .title{text-align:center;font-size:1.2rem}.popup-body label{margin-top:1em;font-weight:700;font-size:1rem;max-width:80%;min-width:80%}.popup-body input,.popup-body textarea{margin-top:1em;padding:5px 0;max-width:80%;min-width:80%;background:none;border:none;outline:none;border-bottom:1px solid #000}.popup-body .buttons-box{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;margin-top:2em}.popup-body .buttons-box button{padding:1em;border:none;transition:background-color .3s,color .3s}.popup-body .buttons-box .cancel{background-color:var(--white-color)}.popup-body .buttons-box .cancel:hover{background-color:var(--lightgrey-color);color:var(--white-color)}.popup-body .buttons-box .save{background-color:var(--secondary-color);color:var(--black-color)}.popup-body .buttons-box .save:hover{background-color:var(--primary-color);color:var(--white-color)}.popup-body .buttons-box .save:disabled{opacity:.5;pointer-events:none}@media(min-width:772px){.popup-body{max-width:600px}}button[data-v-4ad145c9]{display:block;margin:0 auto;padding:1em 2em;background:none;border:none;background-color:var(--primary-color);color:var(--white-color);margin-bottom:1em}.cancel[data-v-4ad145c9]{color:#000}.notes-container[data-v-4ad145c9]{max-width:600px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.no-notes[data-v-4ad145c9]{margin-top:2em;display:block;text-align:center;font-size:1.1rem}.indeterminate-progress-bar[data-v-4ad145c9]{margin:2em auto 0 auto;max-width:600px;background-color:#d1d5db;border-radius:9999px;height:.5rem;position:relative;overflow:hidden}.indeterminate-progress-bar__progress[data-v-4ad145c9]{background-color:#3b82f6;border-radius:9999px;position:absolute;bottom:0;top:0;width:50%;animation-duration:2s;animation-iteration-count:infinite;animation-name:indeterminate-progress-bar-4ad145c9}@keyframes indeterminate-progress-bar-4ad145c9{0%{left:-50%}to{left:100%}}.edit-area{background-color:#4169e1}.edit-area .buttons-box{display:flex;justify-content:flex-end;width:100%}.edit-area .buttons-box .cancel{background-color:#31c731}.edit-area .buttons-box .save{margin-left:1em;background-color:#1f39cc}.auth{margin-top:2em}.auth .login-and-register{display:flex;flex-direction:row;justify-content:center;max-width:1024px;margin:0 auto;border-bottom:1px solid #b1b1b1}.auth .login-and-register button{border:none;background:none;padding:1em;padding-bottom:.5em;font-size:1rem;cursor:pointer;font-weight:700;border-radius:0}.auth .login-and-register .active{border-bottom:1px solid #000}.auth .login-register-box{max-width:400px;margin:4em auto 0 auto;padding:2em;border-radius:10px;background-color:#f1f1f1;display:flex;flex-direction:column;align-items:center}.auth .login-register-box h2{font-size:1.2rem}.auth .login-register-box input{width:60%;padding:.5em;margin-top:2em;border:none;background:none;border-bottom:1px solid #000}.auth .login-register-box input:focus{outline:none}.auth .login-register-box button{margin-top:2em;padding:1em 2em;background:none;border:none;background-color:#31c731;border-radius:5px;font-weight:700;cursor:pointer}.auth .login-register-box button:disabled{cursor:default;background-color:#d3d3d3}.auth .login-register-box .error{margin-top:1em;font-size:1rem;color:red;font-weight:700;text-align:center}