@import"https://fonts.googleapis.com/css2?family=Caveat&display=swap";body{background-image:url(/assets/background-dxvmoioF.jpg);background-size:cover;background-repeat:no-repeat;font-family:Caveat,cursive;color:#000;display:flex;font-weight:700;font-size:larger;justify-content:center;align-items:center}.error{color:red;font-weight:700;margin:10px 0}.mainbody{margin-top:14vh;padding:30px;border:4px solid #333;border-radius:14px}.list{margin-top:10px;color:#333}.list{max-height:300px;overflow-y:auto;padding:0;margin:0;list-style-type:none;border:1px solid #ccc}.listitem{padding:10px;border-bottom:1px solid #ddd}.listitem{margin-top:2px}img{margin-left:7px;height:18px;width:18px}.editimg{margin-left:24px}.input{width:100%;max-width:270px;height:60px;padding:12px;font-size:18px;font-family:Courier New,monospace;color:#000;background-color:#fff;border:4px solid #000;border-radius:0;outline:none;transition:all .3s ease;box-shadow:8px 8px #000}.input:focus{background-color:#000;color:#fff;border-color:#fff}@keyframes typing{0%{width:0}to{width:73%}}@keyframes blink{50%{border-color:transparent}}.input:focus:after{content:"|";position:absolute;right:10px;animation:blink .7s step-end infinite}.input:valid{animation:typing 2s steps(30,end)}.input-container{position:relative;width:100%;max-width:270px}.input{width:75%;height:3vh;padding:12px;margin-right:.5vw;margin-bottom:2vh;font-size:18px;font-family:Courier New,monospace;color:#000;background-color:#fff;border:4px solid #000;border-radius:0;outline:none;transition:all .3s ease;box-shadow:8px 8px #000}.input::placeholder{color:#888}.input:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #000}.input:focus{background-color:#010101;color:#fff;border-color:#d6d9dd}.input:focus::placeholder{color:#fff}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-5px) rotate(-5deg)}to{transform:translate(0)}}.input:focus{animation:shake .5s ease-in-out}@keyframes glitch{0%{transform:none;opacity:1}7%{transform:skew(-.5deg,-.9deg);opacity:.75}10%{transform:none;opacity:1}27%{transform:none;opacity:1}30%{transform:skew(.8deg,-.1deg);opacity:.75}35%{transform:none;opacity:1}52%{transform:none;opacity:1}55%{transform:skew(-1deg,.2deg);opacity:.75}50%{transform:none;opacity:1}72%{transform:none;opacity:1}75%{transform:skew(.4deg,1deg);opacity:.75}80%{transform:none;opacity:1}to{transform:none;opacity:1}}.input:not(:placeholder-shown){animation:glitch 1s linear infinite}.input-container:after{content:"|";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#000;animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}.input:focus+.input-container:after{color:#fff}.input:not(:placeholder-shown){font-weight:700;letter-spacing:1px;text-shadow:0px 0px 0 #000}ul{font-size:larger}.plus{height:27px;width:24px}.list::-webkit-scrollbar{width:8px;height:8px}.list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.list::-webkit-scrollbar-thumb:hover{background:#010101}