body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif;margin:0}:root{--transision:0.2s ease-in-out;--drop-shaddow:0px 1px 5px #7c7c80}body{background-color:#fff;font-family:roboto}.title{font-style:italic}.App{align-items:center;margin-left:100px;margin-right:100px;text-align:center}.App,.container{display:flex;flex-direction:column}.container{background-color:#f2f2f7;border-radius:15px;box-shadow:0 1px 5px #7c7c80;box-shadow:var(--drop-shaddow);box-sizing:border-box;gap:15px;padding:15px;transition:.2s ease-in-out;transition:var(--transision);width:50%}.addItem{display:flex;flex-direction:row;gap:15px;width:100%;textarea{font-family:roboto;min-height:50px;outline:none;padding-inline:10px;padding-top:10px;resize:vertical;width:100%}button,textarea{border:none;border-radius:15px;box-sizing:border-box}button{align-items:center;background-color:#fff;color:#0a84ff;display:inline-block;font-weight:700;height:50px;padding:10px;text-align:center;transition:.2s ease-in-out;transition:var(--transision);width:100px;&:hover{background-color:#d1d1d1;cursor:pointer}}}.todoListContainer{display:flex;flex-direction:column;gap:10px;transition:.2s ease-in-out;transition:var(--transision);.todo{animation:zoomIn .2s ease-in-out;animation-fill-mode:forwards;background-color:#fff;border-radius:15px;box-sizing:border-box;display:flex;padding:5px;padding-inline:10px;transition:.2s ease-in-out;transition:var(--transision);p{word-wrap:break-word;text-align:left}input,p{width:100%}input{border:none;border-radius:15px;box-sizing:initial;font-size:16px;margin-left:-5px;outline:none;padding-inline:10px}&:hover{background-color:#d1d1d1}}.editing{background-color:#d1d1d1}button{background-color:initial;border:none;display:inline-block;height:50px;margin:auto;min-width:50px;text-align:center;transition:.2s ease-in-out;transition:var(--transision);vertical-align:middle;&:hover{cursor:pointer;transform:scale(1.2)}&:active{transform:scale(.8)}}.check{color:#72ff30}.delete{color:#ff3b30}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(100%)}}@keyframes zoomOut{0%{transform:scale(100%)}to{transform:scale(0)}}
/*# sourceMappingURL=main.3732d6ae.css.map*/