@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap);.note{align-items:center;aspect-ratio:1/.9;background-color:#7fffd4;border:2ps solid #000;border-radius:2rem;box-shadow:3px 3px 6px -1px hsla(0,0%,5%,.5);display:flex;flex-direction:column;min-height:250px;padding:1rem;width:280px}.note:hover .btn{color:#000}.note>textarea{background-color:transparent;border:none;flex-grow:1;font-size:18px;font-style:oblique;font-weight:400;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:1px;outline:none;overflow:scroll;padding:1rem;resize:none;width:100%}textarea::-webkit-scrollbar{width:5px}textarea::-webkit-scrollbar,textarea::-webkit-scrollbar-track{background-color:transparent}textarea::-webkit-scrollbar-thumb{background-color:gray;border-radius:5px;height:1rem}.note small{color:#414040}.btn_container{align-items:center;display:flex;justify-content:space-around;padding:.5rem;width:100%}.del{border:none;position:relative}.btn,.del{background-color:transparent;outline:none}.btn{border-radius:50%;color:hsla(180,0%,41%,.29);font-size:30px;transition:all .3s ease}.btn:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:1000px){.note{aspect-ratio:1/.8;border-radius:2rem 2rem 0 2rem}.btn_container{justify-content:space-between;padding:0 .5rem}}@media screen and (max-width:600px){.note{aspect-ratio:1/.7;border-radius:2rem 2rem 0 2rem;width:95%}.btn_container{justify-content:space-between;padding:0 .5rem}}*{box-sizing:border-box;margin:0;padding:0}.notes_container{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}.notes_container>h1{box-shadow:0 7px 4px -9px #874356}.container{grid-gap:1rem;grid-row-gap:1rem;align-items:baseline;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);height:80vh;justify-content:center;overflow-x:hidden;overflow-y:auto;row-gap:1rem;width:100%}.container::-webkit-scrollbar{background-color:transparent;width:5px}.container::-webkit-scrollbar-track{background-color:transparent}.container::-webkit-scrollbar-thumb{background-color:rgba(90,90,90,.521);border-radius:5px}@media screen and (max-width:1200px){.container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.container{grid-template-columns:1fr;place-items:center;width:100%}.container::-webkit-scrollbar{display:none}}.sidebar{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:2rem;padding:1rem}.sidebar button{aspect-ratio:1/1;background:transparent;border:2px solid hsla(180,0%,41%,.29);border-radius:50%;width:100%}.sidebar button:hover{cursor:pointer}.plus{font-size:40px;width:100%}.color_container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:0;transition:all .7s ease-in-out;width:70%}.color_btn{aspect-ratio:1/1;border-radius:50%;list-style:none;width:80%}.color_btn:hover{cursor:pointer}.color_container_active{height:300px}@media screen and (max-width:600px){.sidebar{flex-direction:row-reverse;gap:.5rem;height:-webkit-max-content;height:max-content;justify-content:flex-start;position:absolute;right:.5rem;top:.5rem;width:60%}.color_container{flex-direction:row;gap:.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:all .5s ease-in-out;width:0}.color_btn{width:2rem}.sidebar button{flex-shrink:0;width:3rem}.color_container_active{transition:all .5s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}html{scroll-behavior:smooth}*{font-family:Patrick Hand,cursive;font-weight:400}.App{background-color:#e7ebe7;background-image:linear-gradient(75deg,#f6e7d8,#f1efeb);display:flex;gap:1rem;justify-content:flex-start;padding:1rem}@media screen and (max-width:600px){.App{flex-direction:column}}
/*# sourceMappingURL=main.ecc6580a.css.map*/