@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,600;1,100&display=swap);body{align-items:center;background:linear-gradient(0deg,#eeaeca,#94bbe9);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.app{background-color:#fff;border-radius:.6rem;box-shadow:8px 8px 24px 0 #42445a;height:34rem;padding:.2rem 3rem;position:relative;width:24rem}.app h1{color:#777;font-size:2.5rem;margin-bottom:1rem}.form{display:flex;gap:.2rem;width:100%}.form .form__text{border:.1rem solid #bbb;font-size:1.25rem;outline:none;padding:.9rem;width:18rem}.form .form__button{background:none;background-color:#eeaeca;border:.1rem solid #eee;color:#fff;font-size:2.25rem;line-height:2rem;padding:0 .6rem}.form .form__button:hover{background-color:#e89bbc;cursor:pointer}.todos{height:21rem;list-style:none;margin-top:1.5rem;overflow-x:auto;overflow-y:auto;padding:0}.todos .todos__item{background-color:#eee;display:flex;margin-top:1rem;position:relative}.todos .todos__item .todos__content{color:#444;font-size:1.25rem;font-weight:600;margin:.9rem 0;overflow-x:auto;overflow-y:auto;padding-left:1.2rem;width:16.3rem}.todos .todos__item .todos__link{align-items:center;background:linear-gradient(#eee,#eee 50%,#eeaeca 0,#eeaeca);background-size:100% 200%;color:#000;display:flex;font-size:1.75rem;height:100%;justify-content:center;position:absolute;right:0;transition:background 1s;width:3rem}.todos .todos__item .todos__link:hover{background-position:100% 100%}.todos .todos__item .todos__button{align-items:center;background-color:rgba(255,0,0,.734);border:none;display:flex;font-size:1.75rem;height:100%;justify-content:center;position:absolute;right:12.5%;width:3rem}.todos .todos__item .todos__button:hover{color:#fff;cursor:pointer}.edit{display:flex;flex-direction:column}.edit .edit__content{color:#555;font-size:1.5rem;font-weight:600;margin-top:1.75rem;overflow-x:auto;overflow-y:auto}.edit .edit__form{display:flex;gap:.1rem}.edit .edit__text{border:.1rem solid #bbb;font-size:1.25rem;outline:none;padding:.9rem;width:18rem}.edit .edit__button{background:none;background-color:#eeaeca;border:.1rem solid #eee;color:#fff;cursor:pointer;font-size:2.25rem;height:4rem;line-height:2rem;padding:0 .7rem}.edit .edit__button:hover{background-color:#e89bbc}.link__back{bottom:10%;color:#333;font-size:1.5rem;position:absolute;text-decoration:none}::-webkit-scrollbar{background-color:#ccc;height:9px;width:12px}::-webkit-scrollbar-thumb{background-color:#555;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}@media(max-width:520px){.app{padding:.2rem 1rem;width:20rem}.app .form__text{width:13.5rem}.todos .todos__item .todos__content{width:12.5rem}.todos .todos__item .todos__button{right:14%}.edit .edit__text{width:13.5rem}}
/*# sourceMappingURL=main.4ed5d507.css.map*/