@import"https://fonts.googleapis.com/css2?family=Assistant:wght@600&family=Geologica:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=ABeeZee&display=swap";#root{font-size:17px}.container{text-align:center}#input-container{margin-bottom:20px}.form{border:solid 2px;border-radius:20px;padding:30px;display:inline-block;font-family:Assistant,sans-serif}.input-box{display:flex;justify-content:space-between;gap:20px;margin-top:10px;margin-bottom:10px}.InputForm_Btn{margin-top:20px;padding:10px 15px;font-family:Georgia,serif;background-color:azure;border-radius:20px;cursor:pointer;margin-left:15px;margin-right:15px}.InputForm_Btn:hover{scale:1.2;box-shadow:5px 5px 5px gray}.sticky-notes-container{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:100px;margin-left:5%;margin-right:5%}img{max-width:800px}.item-container{width:750px;min-height:300px;margin-top:50px;background-color:#afeeee;border-radius:30px;box-shadow:5px 5px 5px #000;padding:50px 20px 20px;position:relative;font-family:verdana,sans-serif;font-size:12px;line-height:1.3;text-align:left;cursor:pointer}.cat-group{display:grid;justify-content:end;margin-top:10px}.intro-cat{color:brown;display:flex;justify-content:space-between;gap:30px}.intro-cat span{color:#000}.title{color:green;font-size:25px;font-weight:bolder}#content{text-align:left}.delete-btn{position:absolute;right:20px;top:20px;border-radius:40%;color:#fff;background-color:#00008b;width:20px;height:20px;cursor:pointer}.delete-btn:hover{scale:1.3;box-shadow:5px 5px 5px gray}.closebtn-img{position:absolute;right:0%;top:0%;width:100%;height:100%}.open-filter{position:-webkit-sticky;position:sticky;top:30px;background-color:transparent;border:2px solid black;color:#000;padding:3px 4px;border-radius:50%;font-size:30px;cursor:pointer;z-index:100;box-shadow:10px 7px 3px gray;display:grid;left:50px}#split-container{z-index:100;left:0;top:0;width:100%;height:100vw;position:fixed;background-color:#64748bb3}#split{position:absolute;z-index:101;width:350px;height:100%;left:0;background-color:#fff}#close-split{position:absolute;right:10px;font-size:20px;top:20px;background-color:transparent;border:none;cursor:pointer}#close-split :hover{transform-origin:center;scale:1.2}#option-container{margin-top:50px}.category-options{width:100%;background-color:transparent;cursor:pointer;font-size:30px;border:0px;padding:10px 40px;font-family:Assistant,sans-serif;text-align:left}.category-options:hover{background-color:beige}.sub-category-options{width:100%;background-color:transparent;cursor:pointer;font-size:25px;border:0px;padding:10px 100px;font-family:Assistant,sans-serif;text-align:left}.sub-category-options:hover{background-color:beige}#clear-filter{text-align:center;margin-top:100%}#clear-filter-btn{padding:10px 20px;cursor:pointer;background-color:transparent;border:rgb(33,63,211) 3px solid;border-radius:20px;font-family:ABeeZee,sans-serif;font-size:15px}#clear-filter-btn:hover{scale:1.2;box-shadow:5px 5px 5px gray}:root{background-color:beige}