.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)}}h1{font-family:georgia;font-size:18px;font-weight:700;padding:5vh}.addTask,h1{text-align:center}.addTask{background:#212121;border-radius:30px;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c;height:250px;margin:auto;padding-top:10vh;width:400px}.input{border:none;border-radius:5px;box-shadow:2px 2px 7px 0 rgba(226,209,56,.5);color:dimgray;font-size:medium;margin:auto 4vh;max-width:190px;outline:none;padding:15px 30px}@-webkit-keyframes justshake{25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX-(5px);transform:translateX-(5px)}}@keyframes justshake{25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX-(5px);transform:translateX-(5px)}}.buttonadd{background-color:#fff;border:none;border-radius:50px;box-shadow:0 0 8px rgb(0 0 0/5%);font-size:15px;letter-spacing:1.5px;margin-top:60px;padding:17px 40px;text-transform:uppercase;transition:all .5s ease}.buttonadd:hover{background-color:#1884dc;box-shadow:0 7px 29px 0 #187ddc;color:#fff;letter-spacing:3px}.buttonadd:active{background-color:#1867dc;box-shadow:0 0 0 0 #1884dc;color:#fff;letter-spacing:3px;-webkit-transform:translateY(10px);transform:translateY(10px);transition:.1s}.desc{border-radius:30px;box-shadow:15px 15px 30px #545454,-15px -15px 30px #626262;margin:10vh auto;width:400px}.buttoncomplete{background-color:#94db78;border:1px solid #000;border-radius:50px;box-shadow:0 0 8px rgb(0 0 0/5%);font-size:15px;letter-spacing:1.5px;margin-bottom:3vh;margin-right:3vh;padding:17px 40px;text-transform:uppercase;transition:all .5s ease}.buttoncomplete:hover{background-color:#43dc18;box-shadow:0 7px 29px 0 #2fdc18;color:#fff;letter-spacing:3px}.buttoncomplete:active{background-color:#18dc3c;box-shadow:0 0 0 0 #18dc3f;color:#fff;letter-spacing:3px;-webkit-transform:translateY(10px);transform:translateY(10px);transition:.1s}.buttondelete{background-color:#db7878;border:1px solid #000;border-radius:50px;box-shadow:0 0 8px rgb(0 0 0/5%);font-size:15px;letter-spacing:1.5px;margin-bottom:3vh;padding:17px 40px;text-transform:uppercase;transition:all .5s ease}.buttondelete:hover{box-shadow:0 7px 29px 0 #dc1818}.buttondelete:active,.buttondelete:hover{background-color:#dc1818;color:#fff;letter-spacing:3px}.buttondelete:active{box-shadow:0 0 0 0 #dc1818;-webkit-transform:translateY(10px);transform:translateY(10px);transition:.1s}.task{align-items:center;display:flex;height:50px;justify-content:center;margin:15px;width:500px}
/*# sourceMappingURL=main.306f24e1.css.map*/