*{box-sizing:border-box;margin:0;padding:0}h1{color:#f0f8ff;font-size:45px;font-weight:600;text-shadow:2px 2px 2px #000}header{background-color:#665e4a;margin-bottom:50px;padding:4px 10%;text-align:center}.app{background:url(/static/media/mountain.b01c651426a7f23c3361.jpg);background-repeat:no-repeat;height:100vh}.taskCard{background-color:#e4e4e4;border-radius:5px;margin:10px 1%;padding:10px 25px;width:250px}.taskAddInput{border:none;border-radius:3px;font-size:1.3rem;outline:none;padding:10px 15px;width:100%}.taskBox{align-items:center;background-color:#fff;border-radius:5px;box-shadow:1px 1px 1px 1px #4b4b4b;display:flex;justify-content:space-between;margin-top:10px;padding:17px 0}.taskText{margin-left:12px}.taskTrashButton{border:none;cursor:pointer;margin-right:9px}.TaskCardsArea{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.addTaskCardButtonArea{margin-left:1%;margin-top:25px}.addTaskCardButton{background-color:#ddc2a2;border-radius:9999px;box-shadow:3px 3px 8px 1px #000;cursor:pointer;font-size:30px;padding:10px 18px;transition:all .3s}.addTaskCardButton:hover{box-shadow:none;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.taskCardTitleAndTaskCardDeleteButtonArea{display:flex;justify-content:space-between}.taskCardDeleteButton{background-color:#e4e4e4;border:none;color:#9e2e2e;cursor:pointer;font-size:16px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.taskCardTitleInputArea{cursor:pointer;margin-bottom:10px;width:30%}.taskCardTitleInput{border:none;border-radius:3px;font-size:1.1rem;outline:none;padding:4px 6px;width:80px}
/*# sourceMappingURL=main.089f77d3.css.map*/