@import url(https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&display=swap);*{box-sizing:border-box;font-family:LXGW WenKai TC,"sans-serif";margin:0;padding:0}:root{--purple:#eaecff;--dark_purple:#a4a8e0;--light:#fff;--dark:#000;--pattern:#e3e4f2}.block{background-color:#eaecff;background-color:var(--purple);padding:20px 0}.container{background-color:#fff;background-color:var(--light);border-radius:20px;margin-left:20px;margin-right:20px;min-height:100vh}.title{padding-top:5px;text-align:center}.card-list{display:flex;flex-direction:column;gap:20px;padding:5px 0 90px}.card-item{border-left:35px solid #a4a8e0;border-left:35px solid var(--dark_purple);border-radius:15px;box-shadow:-3px 7px 5px #0006;color:#000;color:var(--dark);cursor:pointer;margin:0 20px;padding:10px;text-decoration:none}.card-item:hover{background-color:#a4a8e0;background-color:var(--dark_purple);border-color:#797caa}.card-item__date,.card-item__title{font-size:16px}.pattern{background-image:linear-gradient(#e3e4f2,#e3e4f2 1.5px,#0000 0),linear-gradient(90deg,#e3e4f2 0,#e3e4f2 1.5px,#0000 0);background-image:linear-gradient(var(--pattern) 0,var(--pattern) 1.5px,#0000 1.5px),linear-gradient(to right,var(--pattern) 0,var(--pattern) 1.5px,#0000 1.5px);background-size:20px 20px;border-bottom:2px solid #e3e4f2;border-bottom:2px solid var(--pattern);border-right:2px solid #e3e4f2;border-right:2px solid var(--pattern);display:flex;flex-direction:column;gap:7px;padding:10px 5px}.fixed-bottom{bottom:0;height:70px;position:fixed;width:100%;z-index:99}.cloud,.fixed-bottom{background-color:#eaecff;background-color:var(--purple)}.cloud{border-radius:50%;bottom:-130px;height:300px;position:absolute;right:-25%;width:300px}.cloud_second{bottom:45px;height:200px;right:200px;width:200px}.bunny{right:10%;width:100px}.bunny,.button{bottom:0;cursor:pointer;position:absolute}.button{align-items:center;background:linear-gradient(#e3e4f2,#a4a8e0);background:linear-gradient(var(--pattern),var(--dark_purple));border:2px solid #fff;border:2px solid var(--light);border-radius:15px;color:#000;color:var(--dark);display:flex;font-size:30px;font-weight:700;height:50px;justify-content:center;left:-70px;right:0;text-decoration:none;top:90px;width:150px}.button:hover{background:#fff;background:var(--light);border:none}.clips{display:flex;flex-direction:column;left:22px;position:absolute}.status{align-items:center;background-color:#eaecff;background-color:var(--purple);border:3px dashed #a4a8e0;border:3px dashed var(--dark_purple);border-radius:50px;display:flex;flex-direction:row;justify-content:space-between;position:fixed;top:10px;width:90%}.empty{width:60px}.sleepy{position:absolute;right:0;top:-35px;width:150px}.back,.sleepy{cursor:pointer}.back{align-items:center;border-radius:50%;display:flex;height:48px;justify-content:center;left:5px;padding:4px;position:relative;width:48px}.form-control{border-left:none;border-top:none;font-size:14px;font-weight:700;height:90vh;width:90%}.width{width:auto}.form-control:focus{outline:none}.form{align-items:center;display:flex;flex-direction:column;margin-top:60px;padding-top:30px}.submit-primary-button{background-color:#eaecff;background-color:var(--purple);border:2px solid #e3e4f2;border:2px solid var(--pattern);border-radius:15px 15px 0 0;bottom:-10px;color:#a4a8e0;color:var(--dark_purple);cursor:pointer;font-size:30px;font-weight:700;letter-spacing:10px;padding:10px 0;position:fixed;width:60%}.description{margin:50px 20px;padding:20px 0}.bottom-menu{background-color:#eaecff;background-color:var(--purple);border:3.5px solid #e3e4f2;border:3.5px solid var(--pattern);border-radius:30px 30px 0 0;bottom:0;display:flex;flex-direction:row;justify-content:space-around;left:50%;padding:15px 0 10px;position:fixed;translate:-50%;width:50%}.peek{bottom:64px;cursor:pointer;position:absolute;width:120px}.delete,.edit{background-color:initial;border:none;cursor:pointer}.delete *,.edit *{fill:#a4a8e0;fill:var(--dark_purple);height:32px;transition:.15s ease-in-out;width:32px}.delete :hover{fill:red}.edit :hover{fill:#566def}button{align-items:center;background-color:initial;border:none;display:flex;justify-content:center}.is-dark{background-color:#000;background-color:var(--dark);box-shadow:0 0 30px #000000e6}.scared{left:50%;position:absolute;top:120px;translate:-50%;width:120px}.desc{color:#fff;color:var(--light);font-size:30px;font-weight:700;padding:110px 20px;text-align:center}.chose{display:flex;flex-direction:row;justify-content:space-evenly}.background{left:50%;position:absolute;top:45%;translate:-50% -50%}.triangle{border-bottom:200px solid #b8b8b8;border-left:100px solid #0000;border-right:100px solid #0000}.circle{background-color:#b8b8b8;border-radius:50%;box-shadow:0 10px 15px #b8b8b8;height:100px;top:155px;width:200px}.circle,.no,.yes{position:relative}.no,.yes{align-items:center;background-color:#fff;border-radius:20px;color:#000;color:var(--dark);cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:10px;text-decoration:none;top:230px;width:120px}.yes:hover{background:radial-gradient(#fff 40%,red)}.no:hover{background-color:#a4a8e0;background-color:var(--dark_purple)}.hop{left:52%;position:fixed;top:75%;translate:-50% -50%;width:250px}.skeleton{animation:ghost 1s linear infinite;background-color:#000;background-color:var(--dark);border-radius:15px;height:70px;margin:30px 20px}@keyframes ghost{0%{background-color:#e3e4f2;background-color:var(--pattern)}50%{background-color:#b3b6db}to{background-color:#e3e4f2;background-color:var(--pattern)}}@keyframes beat{50%{transform:scale(.95)}}.error{background-color:#8a3242;border:15px double #fe0404;box-shadow:0 -5px 40px red}.error_desc{font-size:18px;margin-top:10px}.error_desc,.error_text{color:#fff;text-align:center}.error_text{font-size:40px;margin-top:150px;width:100%}.errorin{flex-direction:column;gap:20px}.errorin,.reload{align-items:center;display:flex;justify-content:center}.reload{background-color:#000;background-color:var(--dark);border-radius:20px;color:#000;color:var(--dark);color:#fff;color:var(--light);cursor:pointer;font-size:16px;font-weight:700;padding:10px 30px;text-decoration:none}.reload:hover{animation:beat .5s linear infinite}
/*# sourceMappingURL=main.82002ab7.css.map*/