*{box-sizing:border-box;padding:0}*,body{margin:0}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}.note{border-radius:30px;display:flex;flex-direction:column;height:280px;padding:25px;width:350px}.note_text{background-color:initial;border:none;flex:1 1;font-size:1rem;line-height:1.875rem;outline:none;resize:none}.note_footer{align-items:center;display:flex;justify-content:space-between}.note_footer img{cursor:pointer;opacity:0;transition:.3s}.note:hover .note_footer img{opacity:1}@media (max-width:970px){.note{height:280px;width:280px}}@media (max-width:780px){.note{height:280px;width:350px}}@media (max-width:730px){.note{height:280px;width:260px}}@media(max-width:650px){.note{height:40%;width:90%}}.note-container{display:flex;height:100%;justify-content:center;margin-left:20px;text-align:center;width:100%}#temp-icon{height:30px;position:absolute;right:-34px;top:-4px;width:33px}.note-container_empty{height:190px;position:absolute;right:35%;top:50%;width:190px}.note-container_notes{display:flex;flex-wrap:wrap;gap:20px;height:90%;margin-top:1%;overflow-y:scroll}@media (max-width:780px){.note-container{margin-left:0}.note-container_notes{display:flex;justify-content:center;width:100%}}.sidebar{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}h2{font-size:2rem;margin-top:20px}.sidebar img{cursor:pointer;width:60px}.sidebar_list{align-items:flex-start;display:flex;flex-direction:column;gap:20px;height:0;margin-left:19px;transition:.3s}.sidebar_list_active{height:300px}.sidebar_list_item{border-radius:50%;height:24px;list-style:none;width:24px}.animated-button{align-items:center;background-color:inherit;border:4px solid #0000;border-radius:100px;bottom:40px;box-shadow:0 0 0 2px #080808;color:#080808;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:4px;overflow:hidden;padding:16px 36px;position:absolute;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button svg{fill:#080808;position:absolute;transition:all .8s cubic-bezier(.23,1,.32,1);width:24px;z-index:9}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{background-color:#080808;border-radius:50%;height:20px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .8s cubic-bezier(.23,1,.32,1);width:20px}.animated-button .text{position:relative;transform:translateX(-12px);transition:all .8s cubic-bezier(.23,1,.32,1);z-index:1}.animated-button:hover{border-radius:12px;box-shadow:0 0 0 12px #0000;color:#fff}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translateX(12px)}.animated-button:hover svg{fill:#fff}.animated-button:active{box-shadow:0 0 0 4px #0f0f0f;scale:.95}.animated-button:hover .circle{height:220px;opacity:1;width:220px}#footer-p{bottom:12px;color:#020202;font-size:10px;position:absolute}.Header-bar{height:4rem;margin:0;width:100%}.Header-bar img{cursor:pointer;filter:invert(100%) sepia(0) saturate(7499%) hue-rotate(322deg) brightness(112%) contrast(107%);height:40px;right:60px;width:40px}#logo,.Header-bar img{position:absolute;top:12px}#logo{color:#fff;font-size:30px;left:8%}.note-popup{background-color:#fff;border-radius:10px;box-shadow:10px 14px 16px #00000080,0 11px 33px #0000001a;height:70px;padding:20px;position:fixed;right:-45px;top:120px;transform:translate(-50%,-50%);width:250px;z-index:999}.note-popup:before{border-color:#0000 #0000 #fff;border-style:solid;border-width:0 0 20px 50px;content:"";position:absolute;right:0;top:-13px}.note-color-options{display:flex;gap:10px;margin-left:6px}.note-color-options :hover{border:none}.note-color-option{border:3px solid #fff;border-radius:50%;cursor:pointer;height:30px;width:30px}.App{height:100vh;overflow:hidden}.container{display:flex;height:100%;margin:0}.left-wrapper{background:#d4d1d1;width:25%}.right-wrapper{background:#f5f5f5;width:75%}.Header-wrapper{background:#363635;height:60px;margin-top:0;width:100%}.custom-scroll::-webkit-scrollbar{width:8px}.custom-scroll::-webkit-scrollbar-track{background-color:initial}.custom-scroll::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:20px;-webkit-transition:.3s;transition:.3s}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:gray}@media (max-width:780px){.left-wrapper{display:none}.right-wrapper{width:100%}}
/*# sourceMappingURL=main.2b58779d.css.map*/