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}.App{overflow:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.desktop{display:flex;height:100vh;width:100vw}.desktop__sidebar{height:100vh;width:24vw}.desktop__sidebar__title{font-size:1.5rem;font-weight:600;margin:1rem;text-align:left}.desktop__sidebar__create__notes__btn{align-items:center;display:flex;height:11vh;justify-content:center}.desktop__popup__overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.desktop__sidebar__create__notes__btn>button{align-items:center;background-color:#000;border:none;border-radius:2rem;color:#fff;display:flex;font-size:1rem;gap:.5rem;height:6vh;justify-content:center;width:80%}#add{font-size:30px}.desktop__sidebar__notes__title{-ms-overflow-style:none;max-height:79vh;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.popup{align-items:center;background-color:#fff;border:none;border-radius:.2rem;display:flex;flex-direction:column;height:24rem;justify-content:center;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:45rem}.popup__title{font-size:3.2vh;font-weight:700;height:3rem;margin-bottom:5rem;margin-right:18rem;text-align:left;width:20rem}.popup__input{align-items:center;display:flex;font-size:3vh;font-weight:600;gap:2vw;height:2rem;margin:1vh;width:23rem}.popup__input>input{border:2px solid grey;border-radius:6vh;font-size:2vh;font-weight:600;height:3vh;padding:.5rem;width:17vw}.popup__color__input{align-items:center;display:flex;font-size:3vh;font-weight:600;gap:3vw;justify-content:center;margin:2vh 1vh 1vh}.popup__color__input__color{display:flex;gap:1vw}.popup__color__input__color__1,.popup__color__input__color__2,.popup__color__input__color__3,.popup__color__input__color__4,.popup__color__input__color__5,.popup__color__input__color__6{background-color:#000;border:none;border-radius:50%;cursor:pointer;height:3vh;width:3vh}.popup__color__input__color__1{background-color:#b38bfa}.popup__color__input__color__2{background-color:#ff79f2}.popup__color__input__color__3{background-color:#43e6fc}.popup__color__input__color__4{background-color:#f19576}.popup__color__input__color__5{background-color:#0047ff}.popup__color__input__color__6{background-color:#6691ff}.popup__close{display:flex;height:2rem;justify-content:flex-end;margin:1vh;width:23rem}.popup__close>button{background-color:#000;border:none;border-radius:4vh;color:#fff;font-weight:500;height:5vh;margin-top:1rem;width:8vw}.group__title__logo{align-items:center;border-radius:4vh 0 0 4vh;color:#000;display:flex;font-size:1rem;font-weight:600;gap:2vw;height:10vh;justify-content:flex-start;margin:1vw 0 1vw .5vw;padding-left:3vw;width:23vw}.title__logo{align-items:center;background-color:gray;border-radius:50%;color:#fff;display:flex;font-size:3vh;font-weight:500;height:7vh;justify-content:center;width:7vh}.highlighted__title{background-color:#f7ecdc;color:#000}.desktop__home{align-items:center;background-color:#f7ecdc;display:flex;flex-direction:column;gap:1rem;height:100vh;padding:1rem;width:75vw}.desktop__home>img{height:35vh;margin-top:25vh;width:35vw}.desktop__home>h1,p{font-weight:500;margin:0}.desktop__home__bottom{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:10vh}.desktop__home__bottom>img{height:1.2vw;width:1.2vw}.desktop__notes{flex-direction:column;height:100vh}.desktop__notes,.desktop__notes__title{align-items:center;display:flex;width:76vw}.desktop__notes__title{background-color:#e8e8e8;font-size:5vh;height:13vh;justify-content:flex-start}.desktop__notes__title__color{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:4vh;height:9vh;justify-content:center;margin:1vh 0 0 4vh;width:9vh}.desktop__notes__title__text{margin-left:4vh}.desktop__notes__content{-ms-overflow-style:none;background-color:#f7ecdc;height:57vh;max-height:58vh;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;width:76vw}.desktop__notes__content__title{height:20vh;width:76vw}.desktop__notes__input{align-items:center;background-color:#e8e8e8;bottom:0;display:flex;height:30vh;justify-content:center;position:fixed;width:76vw}.desktop__notes__input>textarea{border:none;border-radius:1vh;font-size:large;height:25vh;outline:none;padding:1vh;resize:none;width:72vw}.desktop__notes__input img{bottom:4vh;height:20px;position:absolute;right:6vh;width:20px}.desktop__notes__content__note{align-items:center;background-color:#f7ecdc;display:flex;gap:1vw;height:auto;justify-content:space-between;min-height:15vh;width:76vw}.desktop__notes__content__date__time__details{align-items:center;background-color:#f7ecdc;display:flex;flex-direction:column;justify-content:flex-start;min-height:15vh;width:15vw}.desktop__notes__content__date{font-size:1rem;font-weight:600;margin:1vh}.desktop__notes__content__time{font-size:1rem;font-weight:600;margin:0 1vh}.desktop__notes__content__details{height:auto;margin:5vh 2vh 0 0;min-height:15vh;text-align:left;width:50vw}.mobile__sidebar{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.mobile__sidebar__title{font-size:2rem;font-weight:700;height:8vh;position:fixed;text-align:left;top:3vh;width:80vw}.mobile__sidebar__create__notes__btn{align-items:center;background-color:#fff;display:flex;height:8vh;justify-content:center;position:fixed;top:12vh;width:100vw}.mobile__sidebar__create__notes__btn>button{align-items:center;background-color:#000;border:none;border-radius:5vh;color:#fff;display:flex;font-size:3vh;gap:1rem;height:8vh;justify-content:center;width:80vw}.mobile__sidebar__notes__title{height:50vh;margin-top:22vh;min-height:74vh;overflow-y:auto;width:100vw}.mobile__popup__overlay{background-color:#00000080;height:100%;left:0;top:0;width:100%;z-index:999}.mobile__popup,.mobile__popup__overlay{align-items:center;display:flex;flex-direction:column;justify-content:center;position:fixed}.mobile__popup{background-color:#fff;border-radius:2vh;height:35vh;left:50%;padding:2vh;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:9999}.mobile__popup__title{font-size:3.2vh;font-weight:700;height:5vh;margin-left:5vw;text-align:left;width:90vw}.mobile__popup__input{align-items:center;display:flex;font-size:4vw;font-weight:600;gap:2vw;height:8vh;justify-content:center;margin:1vh;width:100%}.mobile__popup__input>input{border:2px solid grey;border-radius:6vh;font-size:2vh;font-weight:600;height:3vh;padding:.5rem;width:60vw}.mobile__popup__color__input{align-items:center;display:flex;gap:3vw;height:5vh;justify-content:center;width:100%}.mobile__popup__color__input>span{font-size:large;font-weight:600}.mobile__popup__color__input__color{align-items:center;display:flex;gap:2vw;justify-content:center}.mobile__popup__color__input__color__1,.mobile__popup__color__input__color__2,.mobile__popup__color__input__color__3,.mobile__popup__color__input__color__4,.mobile__popup__color__input__color__5,.mobile__popup__color__input__color__6{background-color:#000;border:none;border-radius:50%;cursor:pointer;height:6vw;width:6vw}.mobile__popup__color__input__color__1{background-color:#b38bfa}.mobile__popup__color__input__color__2{background-color:#ff79f2}.mobile__popup__color__input__color__3{background-color:#43e6fc}.mobile__popup__color__input__color__4{background-color:#f19576}.mobile__popup__color__input__color__5{background-color:#0047ff}.mobile__popup__color__input__color__6{background-color:#6691ff}.mobile__popup__close{display:flex;height:5vh;justify-content:flex-end;margin:1vh;width:90vw}.mobile__popup__close>button{background-color:#000;border:none;border-radius:4vh;color:#fff;font-weight:500;height:6vh;margin-top:1rem;width:25vw}.highlight{border:2px solid #000;border-radius:6vh}.mobile__notes{align-items:center;display:flex;height:10vh;justify-content:space-between;margin:2vh 0 2vh 3vh;width:70vw}.mobile__notes__icon{align-items:center;border-radius:50%;display:flex;font-size:3vh;font-weight:600;height:9vh;justify-content:center;width:9vh}.mobile__notes__title{font-size:3vh;font-weight:600;text-align:left;width:50vw}.mobile__notes__page{align-items:center;display:flex;flex-direction:column;height:100vh;width:100vw}.mobile__notes__content__title{align-items:center;background-color:#e8e8e8;display:flex;font-size:3vh;height:15vh;justify-content:flex-start;position:fixed;top:0;width:100vw;z-index:1}.mobile__notes__content__title>img{height:3vh;margin:0 5vw;width:3vh}.mobile__notes__content__title__color{align-items:center;border-radius:50%;display:flex;height:8vh;justify-content:center;margin:0 4vw 0 0;width:8vh}.mobile__notes__content__title__text{align-items:center;display:flex;font-size:4vh;height:7vh;justify-content:flex-start;margin:0 0 0 5vw;width:50vw}.mobile__notes__page__body{-ms-overflow-style:none;background-color:#f7ecdc;height:55vh;margin-top:15vh;max-height:70vh;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;width:100vw}::-webkit-scrollbar{display:none}.mobile__notes__page__body__empty{background-color:#f7ecdc;background-position:50%;background-repeat:no-repeat;background-size:contain;height:45vh}.mobile__notes__input,.mobile__notes__page__body__empty{align-items:center;display:flex;justify-content:center;width:100vw}.mobile__notes__input{background-color:#e8e8e8;bottom:0;height:30vh;position:fixed}.mobile__notes__input>textarea{border:none;border-radius:1vh;font-size:large;height:25vh;outline:none;padding:1vh;resize:none;width:90vw}.mobile__notes__input img{bottom:4vh;height:20px;position:absolute;right:6vh;width:20px}.mobile__notes__content__body{align-items:center;display:flex;height:auto;justify-content:space-between;margin:1vh 0;min-height:10vh;width:95vw}.mobile__notes__content__date__time__details{align-items:flex-start;background-color:#f7ecdc;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:10vh;width:40vw}.mobile__notes__content__date,.mobile__notes__content__time{font-size:2vh;font-weight:600;margin-left:2vh}.mobile__notes__content__details{height:auto;margin:0 0 0 1vw;min-height:10vh;text-align:left;width:55vw}
/*# sourceMappingURL=main.7e6573a2.css.map*/