@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap);.App{height:100%;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--Purple:#7e3793;--DeepPink:#d63197;--PinkPurple:#d880a6;--Salmon:#f4bac2;--LightSalmon:#fee1e2;--Gray:#263238;--DeepGray:#595757;--LightGray:#c7c7c7;--white-alpha-40:hsla(0,0%,100%,.4);--white-alpha-45:hsla(0,0%,100%,.45)}*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}body{background-image:linear-gradient(0deg,#7e3793,#d63197,#f4bac2,#fee1e2);background-image:linear-gradient(to top,var(--Purple),var(--DeepPink),var(--Salmon),var(--LightSalmon));background-repeat:no-repeat}@media (min-width:2360){.dashboard__title--text{font-size:50px;margin:38px 0}}.hero__title{margin-top:64px}.container_login{display:flex;overflow:hidden}.login{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;width:50vw}.login__content{width:50%}.login__title--container{align-items:center;display:flex;flex-direction:row;justify-content:center}.login__title--container img{margin:0 10px}.login__title{color:var(--DeepPink);font-size:32px;font-weight:300;margin:20px 0;text-align:center}.form{border:2px solid var(--PinkPurple);border-radius:30px;flex-direction:column;height:50vh;justify-content:center;padding:0 28px}.form,.form__group{align-items:center;display:flex}.form__group{gap:6px;margin-bottom:16px;padding:15px 0;width:100%}.form__group:nth-last-child(2){margin:0}.form__label{top:8px}.form__input,.form__label{color:var(--LigthGray)}.form__text{border-left:none;border-right:none;border-top:none;border-color:var(--PinkPurple);font-size:18px;padding:8px 0;width:100%}.form__text::-webkit-input-placeholder{color:transparent;font-size:16px}.form__text:-ms-input-placeholder{color:transparent;font-size:16px}.form__text::placeholder{color:transparent;font-size:16px}.form__text:focus{outline:none}.form__text:focus::-webkit-input-placeholder{color:var(--LigthGray)}.form__text:focus:-ms-input-placeholder{color:var(--LigthGray)}.form__text:focus::placeholder{color:var(--LigthGray)}.form__text:focus~.form__label,.form__text:valid~.form__label{color:var(--PinkPurple);font-size:12px;top:-16px}.form__text:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form__buttons{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:48px}.form__button--google{background-color:#fff;border-color:#db4a39;border-radius:30px;border-style:none;box-shadow:1px 1px 1px 1px #db4a39;color:var(--Gray);font-size:18px;font-weight:400;padding:10px 50px}.form__button--google:hover{background-color:#db4a39;color:#fff}.form__link{color:var(--PinkPurple);font-weight:600;padding:15px 0;text-decoration:underline}.hero{height:100vh;position:relative;text-align:center;width:50vw}.hero__title{color:var(--Gray);font-size:70px}.hero__slogan{display:flex;flex-direction:row;justify-content:center;margin:15px 0}.hero__text{font-weight:300}.hero__img{position:absolute}.hero .hero__img:nth-child(3){left:0;width:100%}.hero .hero__img:nth-child(4){bottom:127px;right:100px;width:60%}.hero .hero__img:nth-child(5){bottom:8%;left:25%;width:65%}.hero .hero__img:nth-child(6){bottom:20%;left:-80px}.hero .hero__img:nth-child(7){left:-59px;top:20%}@media (min-width:1180px){.login__title{font-size:22px}.form__button--login{background-color:var(--DeepPink);border:none;border-radius:30px;box-shadow:2px 2px 2px 1px var(--PinkPurple);color:#fff;font-size:16px;padding:7px 40px}.form__buttons{margin-top:10px}.form__button--google{font-size:14px;padding:6px 30px}}.container_register{display:flex;overflow:hidden}.heroRegister{height:100vh;position:relative;text-align:center;width:40vw}.heroRegister__img{margin:25% 13%;position:relative;width:115%;z-index:1}.button__back--pink{background-color:transparent;border-style:none;left:50px;position:absolute;top:100px}.register{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:80vw}.mg{margin:35px 0}.register__title-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.register__title-container img{margin:0 70px}.register__title{color:var(--DeepPink);font-size:36px}.register_form{display:flex;flex-direction:column;font-size:24px;height:80%;justify-content:center;width:70%}.form__input{position:relative;width:100%}.form__label{color:var(--Gray);left:0;pointer-events:none;position:absolute;top:10px;transition:top .2s ease,font-size .2s ease}.form__text--register{border-width:5px;border-left:none;border-right:none;border-top:none;border-color:var(--PinkPurple);font-size:24px;padding:14px 0;width:100%}.form__text--register::-webkit-input-placeholder{color:transparent;font-size:24px}.form__text--register:-ms-input-placeholder{color:transparent;font-size:24px}.form__text--register::placeholder{color:transparent;font-size:24px}.form__text--register:focus{outline:none}.form__text--register:focus::-webkit-input-placeholder{color:var(--LigthGray)}.form__text--register:focus:-ms-input-placeholder{color:var(--LigthGray)}.form__text--register:focus::placeholder{color:var(--LigthGray)}.form__text--register:focus~.form__label,.form__text--register:valid~.form__label{color:var(--PinkPurple);font-size:20px;pointer-events:all;top:-16px}.form__text--register:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.button__container{align-items:center;display:flex;justify-content:center}.form__button{box-shadow:2px 2px 2px 1px var(--PinkPurple);font-size:24px;padding:15px 55px}.form__alert{color:#ef4444;font-size:16px;padding-top:8px}@media (min-width:1180px){.button__back--pink{top:37px}.register_form{width:70%}.register{width:65vw}.register__title{font-size:30px}.register_form{height:86%}.mg{margin:15px 0}.form__button{background-color:var(--DeepPink);border:none;border-radius:30px;box-shadow:2px 2px 2px 1px var(--PinkPurple);color:#fff;font-size:24px;padding:15px 55px}}.container__error{height:100vh;overflow:hidden;width:100vw}.container__img{padding:20px;width:70%}.error__hero{align-items:center;display:flex;justify-content:center}.container_dashboard{display:flex;min-height:100vh}.dashboard__container{display:flex;flex-direction:row;height:100%;width:93%}.bar{align-items:center;justify-content:space-between;width:10%}.bar,.notes__container{display:flex;flex-direction:column}.notes__container{background:#fff;border-top-left-radius:90px;height:auto;width:100%}.dashboard__title{align-items:center;display:flex;flex-direction:row;justify-content:center}.dashboard__title--text{color:var(--DeepPink);font-size:70px;margin:50px 0}.container__notes{grid-row-gap:35px;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;min-width:50%;row-gap:35px}.container__notes img{grid-column:2/3;width:120%}.container__notes .aliens__img{width:200%}.aliens__text{grid-column:2/3}.btn__add{position:fixed;top:0;width:100px}.btn__log{bottom:0;position:fixed}@media (min-width:1180px){.dashboard__title--text{font-size:50px}.btn__addnote img,.btn__logout img{width:60px}.container__notes .aliens__img{width:160%}}.btn__logout{background-color:transparent;border-style:none}.container__notes{max-width:1715px}.notes{grid-row-gap:35px;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;row-gap:35px}.note,.note img{width:50%}.container__note{border-radius:10px;display:flex;flex-direction:column;height:340px;justify-content:space-between;padding:24px;position:relative}.container__note:before{border-bottom-left-radius:8px;content:"";height:80px;position:absolute;right:0;top:0;width:80px}.container__note:after{border-left:100px solid transparent;border-top:100px solid #fff;content:"";height:0;position:absolute;right:-11px;top:-11px;width:0}.note__title{font-size:30px;margin:0;max-height:75px;max-width:260px;overflow-y:scroll}.note__title::-webkit-scrollbar{display:none}.note__content{box-shadow:inset 0 -10px 10px -12px rgba(0,0,0,.25);color:var(--Gray);line-height:1.5;margin:18px 0;max-height:110px;max-width:300px;overflow-wrap:break-word;overflow-y:scroll;width:280px}.note__content::-webkit-scrollbar{display:none}.note__info{text-align:left;z-index:1}.note__buttons{display:flex;flex-direction:row;justify-content:space-between;margin-top:8px;z-index:1}.note__title--Green{color:#22503f}.note__title--Blue{color:#58869f}.note__title--deepPink{color:#883c63}.note__title--Lilac{color:#5d4063}.note__title--Orange{color:#a97646}.note__title--Peach{color:#927373}.note__title--Pink{color:#aa5a74}.note__title--Purple{color:#766d8c}.note__title--Red{color:#a31f2e}.note__title--Yellow{color:#a78a46}.note__color--borderGreen{background-color:#60c19e;border:3px solid #3b7862}.note__color--borderGreen:before{background-color:#3b7862}.note__color--borderBlue{background-color:#9adcff;border:3px solid #85bedc;padding:23px}.note__color--borderBlue:before{background-color:#85bedc}.note__color--borderdeepPink{background-color:#d880a6;border:3px solid #c75c93;padding:23px}.note__color--borderdeepPink:before{background-color:#c75c93}.note__color--borderLilac{background-color:#a68dad;border:3px solid #68566c;padding:23px}.note__color--borderLilac:before{background-color:#68566c}.note__color--borderOrange{background-color:#ffb470;border:3px solid #dc9a5d;padding:23px}.note__color--borderOrange:before{background-color:#dc9a5d}.note__color--borderPeach{background-color:#ffc7c7;border:3px solid #ebb8b8;padding:23px}.note__color--borderPeach:before{background-color:#ebb8b8}.note__color--borderPink{background-color:#ff8aae;border:3px solid #d67291;padding:23px}.note__color--borderPink:before{background-color:#d67291}.note__color--borderPurple{background-color:#baabda;border:3px solid #a193be;padding:23px}.note__color--borderPurple:before{background-color:#a193be}.note__color--borderRed{background-color:#f67280;border:3px solid #d16470;padding:23px}.note__color--borderRed:before{background-color:#d16470}.note__color--borderYellow{background-color:#ffd36e;border:3px solid #d9b35c;padding:23px}.note__color--borderYellow:before{background-color:#d9b35c}@media (min-width:1024px){.container__note{width:320px}.note__content{font-size:16px;margin:20px 0}.note__title{font-size:30px;margin:5px 0}.note__buttons{align-items:center;display:flex;flex-direction:row-reverse;height:50px;justify-content:space-between;width:270px}}.button__delete{background-color:transparent;border-style:none;color:transparent}.button__delete img{width:50px}.btn__edit{background-color:transparent;border-style:none}.btn__edit img{width:50px}.btn__addnote{background-color:transparent;border-style:none}.btn__addnote img{width:60px}.loader{left:410px;position:absolute;top:20px}.size{align-self:center;width:50px}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:absolute}.modal__container{align-self:center;background-color:#fff;border-radius:35px;display:flex;flex-direction:column;height:550px;width:450px;z-index:2}.modal__img{align-self:center;width:200px}.btn__close{align-self:flex-end;background-color:transparent;border-style:none;color:transparent;padding:15px 25px}.btn__close img{height:35px;width:35px}.modal__title{color:#d880a6;font-size:24px;margin:25px;padding:0 25px}.modal__text{color:#595757;margin:10px}.modal__btns{display:flex;flex-direction:row;justify-content:space-around;margin:25px 0}.delete,.modal__btnCancel{background-color:#d880a6;border-radius:20px;border-style:none;color:#fff;font-family:Montserrat,sans-serif;font-size:20px;padding:10px}.modal__btnCancel{box-shadow:1px 1px 1px 1px #7e3793}.delete{box-shadow:1px 1px 1px 1px #d63197}.delete:hover{background-color:#d63197}.modal__btnCancel:hover{background-color:#7e3793}.aliens__text{color:var(--Purple);font-size:24px;font-weight:700}.container_dashboardNotes{display:flex;height:100vh}.bar img{margin:25px 0}.bar__back{position:fixed;top:0;width:100px}.bar__logout{bottom:0;position:fixed}.dashboardNotes{background:#fff;border-top-left-radius:12%;height:auto;width:100%}.dashboard__titleNotes{align-items:center;display:flex;flex-direction:row;font-size:25px;justify-content:center}.dashboard__title--textNotes{color:var(--DeepPink);margin:25px 0}.form__note{border-radius:12px;display:flex;flex-direction:column;left:27%;padding:10px;position:absolute;top:17%}.form__note:before{border-bottom-left-radius:8px;content:"";height:100px;position:absolute;right:0;top:0;width:100px}.form__note:after{border-left:110px solid transparent;border-top:110px solid #fff;content:"";height:0;position:absolute;right:-6px;top:-6px;width:0}.form__content,.form__title{align-self:flex-start;display:flex;flex-direction:column}.note__input--title{height:50px;width:320px}.note__textarea--content{height:200px;width:400px}.note__input--title,.note__textarea--content{align-self:flex-start;background-color:var(--white-alpha-40);border:none;border-radius:5px;font-size:25px}.note__label{align-self:flex-start;color:#fff;font-size:25px;font-weight:600;margin:5px 0;text-align:left}.note__btn{align-self:flex-end;background-color:#fff;border:3px solid;border-radius:39px;font-size:15px;font-weight:600;height:50px;margin:15px 0;width:180px}.note__borderGreen{background-color:#60c19e;border:3px solid #3b7862}.note__borderGreen:before{background-color:#3b7862}.note__borderBlue{background-color:#9adcff;border:3px solid #85bedc;padding:23px}.note__borderBlue:before{background-color:#85bedc}.note__borderdeepPink{background-color:#d880a6;border:3px solid #c75c93;padding:23px}.note__borderdeepPink:before{background-color:#c75c93}.note__borderLilac{background-color:#a68dad;border:3px solid #68566c;padding:23px}.note__borderLilac:before{background-color:#68566c}.note__borderOrange{background-color:#ffb470;border:3px solid #dc9a5d;padding:23px}.note__borderOrange:before{background-color:#dc9a5d}.note__borderPeach{background-color:#ffc7c7;border:3px solid #ebb8b8;padding:23px}.note__borderPeach:before{background-color:#ebb8b8}.note__borderPink{background-color:#ff8aae;border:3px solid #d67291;padding:23px}.note__borderPink:before{background-color:#d67291}.note__borderPurple{background-color:#baabda;border:3px solid #a193be;padding:23px}.note__borderPurple:before{background-color:#a193be}.note__borderRed{background-color:#f67280;border:3px solid #d16470;padding:23px}.note__borderRed:before{background-color:#d16470}.note__borderYellow{background-color:#ffd36e;border:3px solid #d9b35c;padding:23px}.note__borderYellow:before{background-color:#d9b35c}.note__borderGreen{background-repeat:no-repeat;background-size:contain}.note__btn--borderGreen{border-color:#3b7862;color:#3b7862}.note__borderBlue{background-repeat:no-repeat;background-size:contain}.note__btn--borderBlue{border-color:#85bedc;color:#85bedc}.note__borderdeepPink{background-repeat:no-repeat;background-size:contain}.note__btn--borderdeepPink{border-color:#c75c94;color:#c75c94}.note__borderLilac{background-repeat:no-repeat;background-size:contain}.note__btn--borderLilac{border-color:#68566c;color:#68566c}.note__borderOrange{background-repeat:no-repeat;background-size:contain}.note__btn--borderOrange{border-color:#dc9a5d;color:#dc9a5d}.note__borderPeach{background-repeat:no-repeat;background-size:contain}.note__btn--borderPeach{border-color:#ebb8b8;color:#ebb8b8}.note__borderPink{background-repeat:no-repeat;background-size:contain}.note__btn--borderPink{border-color:#d67291;color:#d67291}.note__borderPurple{background-repeat:no-repeat;background-size:contain}.note__btn--borderPurple{border-color:#a093be;color:#a093be}.note__borderRed{background-repeat:no-repeat;background-size:contain}.note__btn--borderRed{border-color:#d16470;color:#d16470}.note__borderYellow{background-repeat:no-repeat;background-size:contain}.note__btn--borderYellow{border-color:#d9b35c;color:#d9b35c}.alert{margin:65px 0;position:absolute;right:0;width:25%}@media (min-width:820px){.dashboard__title--textNotes{margin:20px 0}.dashboard__titleNotes{font-size:35px}.note__input--title{width:320px}.note__textarea--content{width:400px}.note__input--title,.note__textarea--content{font-size:18px}.note__label{font-size:25px;margin:3px 0}.note__btn{font-size:18px;margin:10px 0}.form__note{display:flex;flex-direction:column;left:50%;padding:15px;position:absolute;top:17%;-webkit-transform:translateX(-40%);transform:translateX(-40%)}}@media (min-width:1024px){.note__input--title{height:40px;width:350px}.note__textarea--content{height:200px;width:350px}.note__input--title,.note__textarea--content{font-size:18px}.note__label{font-size:30px;margin:30px 0}.note__btn{font-size:18px;height:45px;margin:20px 80px;width:160px}}@media (min-width:1180px){.dashboardNotes{height:100vh;width:100vw}.note__input--title{height:60px;width:390px}.note__textarea--content{height:250px;width:495px}.note__input--title,.note__textarea--content{font-size:18px}.note__label{font-size:30px;margin:10px 0}.note__btn{font-size:18px;height:50px;margin:20px 0;width:180px}.form__note{display:flex;flex-direction:column;left:53%;padding:15px;position:absolute;top:15%}.btn__logout img,.button__back img{width:75px}.Alert__text{font-size:17px;padding:5px}}.button__back{background-color:transparent;border-style:none}.container__Alert{align-items:center;border-bottom-left-radius:40px;border-top-left-radius:40px;display:flex;width:auto}.Alert__img{height:10%;margin:0 45px;width:10%}.Alert__text{font-size:25px;font-weight:600;margin:0 8%}.Alert__uncheck{color:#e9374e}.Alert__check,.Alert__uncheck{background-color:#fff;border:1px solid}.Alert__check{color:#5fa90b}.AlertNone{visibility:hidden}@media (min-width:1180px){.Alert__text{font-size:17px;padding:5px}}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}
/*# sourceMappingURL=main.df3f428d.css.map*/