*{box-shadow: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/background-imountain.9d1e876f9509b805ed37.jpg);background-repeat:no-repeat;background-size:cover;height:100vh}.taskCard{background-color:#e4e4e4;border-radius:5px;margin:10px 1%;padding:10px 25px;width:250px}.taskCardTitleInputArea{cursor:pointer;font-size:1.1rem;padding:4px 6px;width:80px;width:70%}.taskAddInput,.taskCardTitleInputArea{border:none;border-radius:3px;outline:none}.taskAddInput{font-size:1.3rem;padding:10px 15px;width:80%}.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:999px;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:#c82e2e;cursor:pointer;font-size:18px}.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)}}
/*# sourceMappingURL=main.12be710e.css.map*/