@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Staatliches&display=swap);body,html{width:100vw;margin:0;background-color:#20b2aa}.app-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.app-container .input-container{text-align:center}.app-container .input-container .todo-header{font-family:"Staatliches",sans-serif;font-size:calc(32.35294px + .88235vw);letter-spacing:6px}.app-container .input-container .list-input{display:flex}.app-container .input-container .list-input .input-field{max-width:200px;font-family:"Poppins",sans-serif;font-weight:600;letter-spacing:3px;text-align:center;padding:10px;border-radius:6px;background-color:rgba(6,7,7,.7);color:#fff;box-shadow:10px 10px 16px 0 rgba(0,0,0,.75);border:0;transition:all 1s}.app-container .input-container .list-input .input-field:active{outline:none}.app-container .input-container .list-input .input-field:focus{outline:none;transform:scale(1.1);background-color:rgba(6,7,7,.2);color:#000;box-shadow:inset 10px 10px 28px 0 rgba(0,0,0,.75)}.app-container .input-container .list-input .input-break{width:30px}.app-container .input-container .list-input .input-submit-button{width:85px;font-family:"Poppins",sans-serif;letter-spacing:2px;background-color:rgba(6,7,7,.3);color:#fff;font-weight:600;padding:10px;border-radius:5px;box-shadow:10px 10px 16px 0 rgba(0,0,0,.75);border:0;transition:all .5s}.app-container .input-container .list-input .input-submit-button:active{outline:none;transform:scale(.9)}.app-container .input-container .list-input .input-submit-button:focus{outline:none}.app-container .output-container{margin:20px;background-color:rgba(0,0,0,.2);border-radius:5px;box-shadow:10px 10px 16px 0 rgba(0,0,0,.75);transition:all .5s}.app-container .output-container .output-list-item{display:flex;align-items:center;color:#fff;padding:15px;border-radius:5px;background-color:transparent;transition:all .5s}.app-container .output-container .output-list-item .li-item{word-wrap:break-word;font-family:"Poppins",sans-serif;font-weight:600;letter-spacing:5px;font-size:calc(11.92308px + .69231vw)}.app-container .output-container .output-list-item .output-break{width:30px}.app-container .output-container .output-list-item .delete-item-button{font-family:"Poppins",sans-serif;font-weight:600;font-size:calc(11.92308px + .69231vw);color:#fff;background-color:rgba(0,0,0,.4);transition:all .2s;border:0;border-radius:3px;padding:7px;letter-spacing:3px}.app-container .output-container .output-list-item .delete-item-button:active{outline:none;transform:scale(.9)}.app-container .output-container .output-list-item .delete-item-button:focus{outline:none}.app-container .output-container .output-list-item:hover{background-color:rgba(0,0,0,.5);transform:scale(1.05);box-shadow:10px 10px 16px 0 rgba(0,0,0,.75)}.app-container .output-container:hover{transform:scale(1.05)}@media (max-width:500px){.list-input{flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.list-input .input-break{height:30px}.output-list-item{white-space:nowrap;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.output-list-item .output-break{height:15px}}
/*# sourceMappingURL=main.84aaa538.chunk.css.map */