:root{--neon-color: rgb(0, 238, 255)}*{font-family:PT Mono,monospace;background-color:#1a1919}body{padding:60px}.header{display:flex;flex-direction:column;align-items:center;width:100%}input{background-color:#fff;border-radius:5px;border:1px solid rgb(97,32,158);color:#000;font-size:1.2rem;outline:none;padding:10px 15px;width:90%}h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}h2,h3{color:#fff;text-transform:capitalize}.card-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.title-span{margin-left:.5em;color:#6157ff;text-shadow:0px 0px 50px rgb(0 230 204);-webkit-animation:text-flicker-in-glow 4s linear both;animation:text-flicker-in-glow 4s linear both}@-webkit-keyframes text-flicker-in-glow{0%{opacity:0}10%{opacity:0;text-shadow:none}10.1%{opacity:1;text-shadow:none}10.2%{opacity:0;text-shadow:none}20%{opacity:0;text-shadow:none}20.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.25)}20.6%{opacity:0;text-shadow:none}30%{opacity:0;text-shadow:none}30.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.5%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.6%{opacity:0;text-shadow:none}45%{opacity:0;text-shadow:none}45.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55.1%{opacity:0;text-shadow:none}57%{opacity:0;text-shadow:none}57.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60.1%{opacity:0;text-shadow:none}65%{opacity:0;text-shadow:none}65.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75.1%{opacity:0;text-shadow:none}77%{opacity:0;text-shadow:none}77.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85.1%{opacity:0;text-shadow:none}86%{opacity:0;text-shadow:none}86.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}to{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}}@keyframes text-flicker-in-glow{0%{opacity:0}10%{opacity:0;text-shadow:none}10.1%{opacity:1;text-shadow:none}10.2%{opacity:0;text-shadow:none}20%{opacity:0;text-shadow:none}20.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.25)}20.6%{opacity:0;text-shadow:none}30%{opacity:0;text-shadow:none}30.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.5%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.6%{opacity:0;text-shadow:none}45%{opacity:0;text-shadow:none}45.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55.1%{opacity:0;text-shadow:none}57%{opacity:0;text-shadow:none}57.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60.1%{opacity:0;text-shadow:none}65%{opacity:0;text-shadow:none}65.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75.1%{opacity:0;text-shadow:none}77%{opacity:0;text-shadow:none}77.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85.1%{opacity:0;text-shadow:none}86%{opacity:0;text-shadow:none}86.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}to{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}}.card-show{align-content:center;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 5px #00000008;display:flex;flex-direction:column;height:0%;justify-content:center;margin:0 20px 30px;max-width:400px;overflow:hidden;position:relative;border:5px solid;border-image-source:linear-gradient(to bottom right,rgb(97,87,255),rgb(0,230,204));border-image-slice:4}.card-hidden{display:none}.card-show p{background-color:#fff;flex:1;font-size:1.5rem;margin-top:5px;padding:5px 20px 0;text-align:center}.card-show img{width:100%;max-height:250px}.card-max{background-color:#121212;background-position:center center;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999998}@media (max-width: 425px){.card-max{width:auto}.card-max img{width:75%}.card-max .btnContainer{background-color:#0ff;position:absolute;top:150px;left:200px}}.card-max .btnContainer{position:absolute;top:150px;left:400px;z-index:99999;padding:.5em;display:flex;background:transparent;width:100%}.btnContainer{position:absolute;top:0;left:0;z-index:99999;padding:.5em;display:flex;background:transparent;width:100%}.btnContainer button{margin-left:5px;margin-right:5px}.text{color:#fff;font-weight:900}.light{padding:.5rem 1rem;text-align:center;color:#6157ff;position:relative;font-weight:700;border:5px solid;border-image-source:linear-gradient(to bottom right,rgb(97,87,255),rgb(0,230,204));border-image-slice:4}.light:before{position:absolute;content:attr(data-text);text-shadow:0px 0px 50px rgb(0,230,204);filter:blur(10px) brightness(0);animation:flicker 3s linear infinite;animation-delay:2s}@keyframes flicker{0%{filter:blur(5px) brightness(1)}3%{filter:blur(5px) brightness(0)}6%{filter:blur(5px) brightness(1)}7%{filter:blur(5px) brightness(1)}8%{filter:blur(5px) brightness(0)}9%{filter:blur(5px) brightness(1)}10%{filter:blur(5px) brightness(0)}20%{filter:blur(5px) brightness(1)}}.action-btn{opacity:75%;padding:5px 10px;border:2px solid;border-image-source:linear-gradient(to bottom right,rgb(97,87,255),rgb(0,230,204));border-image-slice:4}.reset-container{display:flex;margin-top:2em}.reset-all-btn{background-color:#dc143c;padding:.5em 1em;font-size:1.2rem}.reset-all-btn:hover{font-weight:600;transform:translateY(-2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.reset-all-btn:active{transform:translateY(2px);transition:transform 34ms}.delete-category-btn{background-image:url(/assets/warning.362e4d4f.jpg);background-size:contain;background-repeat:repeat;height:50px;margin-bottom:2em;font-size:1.5rem;font-weight:900;color:#050505;background-color:#747373;background-blend-mode:overlay}.delete-category-btn:hover{-webkit-animation:vibrate-1 .3s linear infinite both;animation:vibrate-1 .3s linear infinite both}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}