@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#303846;font-family:Inter,sans-serif;min-height:100vh;width:100%}.App{border-radius:10px;box-shadow:0 5px 15px #ffffff59;margin:4rem auto;min-width:330px;padding:1.5rem;width:30%}.title{color:#fff;text-align:center}.list-items{flex-direction:column;margin:2.3rem 0}.list-item-wrap,.list-items{align-items:center;display:flex;justify-content:space-between}.list-item-wrap{width:100%}.list-item{color:#fff;font-size:1.25rem;list-style:none;padding:.65rem}.list-item-wrap .btn-del{border:none;font-size:1rem;padding:.7rem}.input-group{align-items:center;display:flex;flex-wrap:wrap;font-size:1.25rem;justify-content:center;margin-bottom:2rem;row-gap:1rem;width:100%}.input-hold{position:relative;width:100%}.input{background-color:#303846;border:1px solid #fff;border-radius:10px;min-width:15.5rem;outline:none;padding:1.2rem;width:100%}.input,.label{color:#fff;transition:.15s cubic-bezier(.4,0,.2,1)}.label{left:1rem;pointer-events:none;position:absolute;top:1rem}.input:focus{border:1px solid #09d3ac}.input:is(:focus,:valid)~label{background-color:#303846;color:#09d3ac;padding-inline:.3rem;transform:translateY(-120%) scale(.7)}.btn-hold{width:100%}.btn{background-color:#303846;border:1px solid #fff;border-radius:10px;color:#fff;font-size:1.25rem;margin-left:1.3rem;outline:none;padding:1rem 1.8rem}.btn:hover{border:1px solid #09d3ac;color:#09d3ac;cursor:pointer}.btn-add{margin:0;min-width:17.6rem;width:100%}
/*# sourceMappingURL=main.ee7ddeaa.css.map*/