.App{padding:10px}.App h1{width:100%;text-align:center;font-size:3rem;background:-webkit-linear-gradient(rgb(0,153,255),rgb(0,153,255),rgba(0,0,0,.904));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:20px 0}.App .notFound{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10rem;color:#09f;color:color-mix(in srgb,rgb(0,153,255) 60%,black 10%);letter-spacing:3px}.App .notFound .sub{font-size:1rem;text-align:center;text-transform:uppercase;margin-bottom:20px}.App:before{content:"";display:block;width:100vw;height:100svh;background:url(/BG\ Group.svg);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.3;position:fixed;top:0;left:0;z-index:-1}.Cards{height:100%;width:100%;display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;padding-bottom:20px}.Card{width:100%;border:2px solid rgb(0,153,255);border-radius:10px;display:flex;flex-direction:column;padding:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .5s,background-color .3s;flex:1}.Card:hover{background-color:color-mix(in srgb,rgb(0,153,255) 10%,white 100%)}.Card .group{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.Card .title{width:fit-content;font-size:1.3rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;border:2px solid transparent}.Card .body{width:100%;border:2px solid transparent;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:8;-webkit-box-orient:vertical}.Card input{font-size:1.3rem;font-weight:700;overflow:hidden;border:1px solid gray;border-radius:5px;text-align:center;margin:1px 0 11px}.Card textarea{width:100%;min-height:50px;resize:vertical;font-size:1rem;border:1px solid gray;border-radius:5px;padding:11px 5px}.Card.Preview{max-width:500px;width:90%;height:fit-content;background-color:#fff;border:2px solid rgb(0,153,255);border-radius:10px;display:flex;flex-direction:column;padding:10px;flex:0;animation:preview .2s 1}.Card.Preview .title{width:fit-content;height:fit-content;text-align:center;overflow:auto;display:-webkit-box;border:2px solid transparent;margin:10px 0}.Card.Preview .body{text-justify:distribute;display:-webkit-box;overflow:auto;white-space:pre;scroll-behavior:smooth;padding:10px 0;-webkit-box-orient:vertical}.NewCard{max-width:200px;width:100%;height:100%;background-color:#09f;color:#fff;border:2px double rgb(0,153,255);border-radius:10px;font-size:2rem;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px}.PreviewParent{max-width:200px;transition:position .2s;flex:auto}.PreviewParent.Preview{all:unset;height:100vh;width:100%;background-color:#00000021;display:flex;justify-content:center;align-items:flex-start;position:fixed;top:0;left:0;flex:unset;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding-top:10vh;z-index:1}@keyframes preview{0%{transform:scale(.5)}to{transform:scale(1)}}.Tools{display:none;flex-direction:row;justify-content:center;align-items:center;gap:7px;padding:5px}.Tools.Preview{display:flex}.Tools button{background-color:#09f;color:#fff;border:none;border-radius:3px;padding:6px 8px 2px;transition:background-color .3s}.Tools button:has(:hover,:focus),.Tools button:focus-visible{background-color:#0071bd}.Tools .Delete:has(:hover,:focus),.Tools .Delete:focus-visible{background-color:red}.Tools .Empty{visibility:hidden}.Search{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px}.Search input{width:100%;max-width:300px;border-radius:20px;border:2px solid rgb(0,153,255);padding:8px 10px;margin-bottom:20px}.NewParent{min-height:100vh;min-width:100vw;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000021}.New{width:90%;max-width:400px;display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:center;position:relative;margin-top:10vh;animation:pop .2s 1}.New input{width:100%;font-size:1.3rem;font-weight:700;text-align:center;border-radius:7px;border:2px solid rgb(0,153,255);padding:5px;margin:1px 0 11px}.New textarea{width:100%;min-height:100px;font-family:inherit;font-size:1rem;resize:vertical;border:2px solid rgb(0,153,255);border-radius:7px;padding:8px}.New button{background-color:#09f;color:#fff;font-size:1rem;border:none;border-radius:5px;padding:3px 12px;align-self:flex-start;margin-left:3px}.New button:hover{background-color:#0071bd}@keyframes pop{0%{transform:scale(.5)}to{transform:scale(1)}}*{box-sizing:border-box;font-family:Nunito,sans-serif;padding:0;margin:0}*::placeholder{font-family:Nunito,sans-serif}body{font-size:1rem}