@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);@import url(https://fonts.googleapis.com/css2?family=Handlee&display=swap);*{border:none;box-sizing:border-box;margin:0;outline:none;padding:0}body{background-color:#c68c5388;display:flex;justify-content:center;min-height:100vh;min-width:300px;overflow-x:hidden}.app,body{width:100vw}.app{position:relative}.board-wraper{box-sizing:border-box;height:100%;margin:0 auto;max-width:1180px;overflow:hidden;padding:1rem}.navbar{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin:0 1.5rem;padding-bottom:1.2rem}button{box-shadow:4px 4px 8px #0003}.main-title{color:#f8f804;font-size:2.5rem;font-weight:200;letter-spacing:2px;text-shadow:2px 2px 6px #8c2702}.create{background-color:#90ee90;border-radius:.3rem;font-size:1.1rem;padding:.8rem 4rem;position:relative}.create .counts{align-items:center;border:1px solid #eee;border-radius:50%;box-sizing:border-box;color:#0d5aa2;display:flex;font-size:.9rem;height:2rem;justify-content:center;left:1.2rem;position:absolute;top:.4rem;width:2rem}.create .arrows{position:absolute;right:2rem;transition:all .5s ease}.create:hover{filter:brightness(1.2)}.create:hover .arrows{right:1rem}.del-all{background-color:#f38a0a;border-radius:.3rem;color:#fff;font-size:1.1rem;padding:.8rem 3rem;position:relative;transition:all .5s ease}.del-all span{color:#fafa1a;font-size:1.2rem;font-weight:600;margin:0 2px}.del-all:hover{filter:brightness(1.1)}.note-wraper{border:1px solid #ddd;border-radius:.3rem;display:flex;flex-wrap:wrap;gap:1rem;margin:2rem .5rem;min-height:80vh;padding:1rem}.note-wraper .notes{align-items:center;box-shadow:5px 10px 15px 2px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:250px;position:relative;transition:all .5s ease;width:250px}.note-wraper .notes .title{font-size:1.7rem;font-style:italic;font-weight:500;margin:1.3rem 0 .5rem;transition:all .5s ease}.note-wraper .notes hr{border-bottom:1px solid #999;margin-bottom:.8rem;width:55%}.note-wraper .notes p{border-radius:.1rem;font-family:Handlee,cursive;font-size:1.3rem;font-style:italic;letter-spacing:1.5px;padding:0 1.6rem;transition:all .5s ease}.note-wraper .notes:hover .title{margin-top:1.2rem}.note-wraper .notes:hover{box-shadow:5px 10px 25px 2px #0009}.note-wraper .notes .deleter{background-color:#ffffff1a;border-radius:.1rem;bottom:0;box-sizing:border-box;color:#8c2702;font-size:.8rem;font-style:italic;left:50%;letter-spacing:1px;padding:.4rem 0;position:absolute;transform:translate(-50%);width:100%}.note-wraper .notes .deleter:hover{filter:brightness(.8)}.notes .boardpin{position:absolute;top:-13px;width:1.4rem}@media screen and (max-width:1200){.board-wraper{box-sizing:border-box;height:100%;margin:6cqmin auto;max-width:1180px;overflow:hidden;padding:1rem}}@media screen and (max-width:900px){.navbar{align-items:end;height:8rem;position:relative}.main-title{left:50%;position:absolute;text-align:center;top:-5px;transform:translate(-50%);width:300px}.note-wraper{justify-content:center}}@media screen and (max-width:600px){.create{font-size:1rem;padding:.7rem 3.5rem}.del-all{font-size:1rem;padding:.7rem 2.5rem}.create .counts{font-size:.8rem;height:1.8rem;left:.5rem;top:.35rem;width:1.8rem}.create .arrows{right:1.3rem}.del-all span{font-size:1rem;font-weight:400}}@media screen and (max-width:500px){.del-all{font-size:.9rem;padding:.7rem 1.2rem}.create{font-size:.9rem;padding:.7rem 2.1rem}.del-all span{font-size:1rem;font-weight:400}.create .counts{font-size:.7rem;height:1.6rem;left:.25rem;top:.45rem;width:1.6rem}.create .arrows{right:.8rem}.create:hover .arrows{right:.6rem}}@media screen and (max-width:400px){.del-all{font-size:.8rem;padding:.5rem}.create{font-size:.8rem;padding:.5rem 2rem}.del-all span{font-size:.9rem;font-weight:300}.create .counts{height:1.5rem;left:.2rem;top:.2rem;width:1.5rem}.create .arrows{right:.9rem;width:.5rem}}@media screen and (max-width:350px){.create,.del-all{font-size:.7rem}.create{padding:.5rem 1.7rem}.del-all span{font-size:.7rem;font-weight:200}.create .counts{height:1.3rem;left:.2rem;top:.2rem;width:1.3rem}}:root{--inputs:#d9eaf7;--nottext:#2c3f03;--bgone:#07c3f7;--bgtwo:#f3f5e088}.newnote-wraper{background-color:#07c3f7;background-color:var(--bgone);border-radius:.1rem;border-radius:.3rem;box-shadow:-5px 10px 25px 5px #0006;box-sizing:border-box;height:330px;left:50%;padding:1rem 1.2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px}.newnote-wraper .formWraper{position:relative}.newnote-wraper .new-note{padding:1.2rem .5rem}.new-note input{background-color:#f3f5e088;background-color:var(--bgtwo);border-radius:.2rem;box-sizing:border-box;color:#2c3f03;color:var(--nottext);font-family:Handlee,cursive;font-size:1.3rem;font-weight:600;letter-spacing:1px;padding:.3rem 1rem;width:100%}.new-note input,::placeholder{font-style:italic;text-align:center}::placeholder{color:#888;font-size:1rem}.new-note textarea{background-color:#f3f5e088;background-color:var(--bgtwo);border-radius:.4rem;box-sizing:border-box;color:#2c3f03;color:var(--nottext);font-family:Handlee,cursive;font-size:1.3rem;font-style:italic;height:180px;letter-spacing:1.5px;margin-top:1.5rem;padding:1rem;resize:none;width:100%}.new-note .post{background-color:#7c99b9;border-radius:.2rem;box-shadow:2px 2px 4px #0000004d;color:#eee;cursor:pointer;font-style:italic;font-weight:600;letter-spacing:1px;margin-top:.5rem;padding:.4rem 0;text-transform:uppercase;transition:all .5s ease;width:100%}.new-note .post:hover{box-shadow:none}.formWraper .closebtn{background:#0000;box-shadow:none;color:#777;cursor:pointer;font-size:1.1rem;position:absolute;right:-7px;top:-8px;transition:all .5s ease}.formWraper .closebtn:hover{color:#fff}.modals{background-color:#bdef5ab3;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.modals .modal-inner{align-items:center;background-color:#f4f8ea;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10rem auto;padding:3rem;width:30rem}.modals .modal-inner h2{color:#ff4500;font-size:2.2rem;font-weight:200;margin:.8rem 0 1rem}.modals .modal-inner hr{border:1px solid #ddd;box-sizing:border-box;margin-bottom:1rem;width:50%}.modals .modal-inner h3{color:#854204;margin:1rem 0}.modals .modal-inner .yesnobtn{margin:1.5rem 0 .8rem}.modals .modal-inner .yesnobtn button{background-color:#1ea6f4;border-radius:.5rem;color:#eee;font-size:1.1rem;margin:0 1rem;padding:.5rem 3rem;transition:all .5s ease}.modals .modal-inner .yesnobtn button:hover{box-shadow:2px 2px 4px orange;filter:brightness(.8)}
/*# sourceMappingURL=main.86861a50.css.map*/