.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-float 3s ease-in-out infinite;animation:App-logo-float 3s ease-in-out infinite}}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#704cb6}@-webkit-keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}main{align-items:center;display:flex;flex-direction:column}main>*{margin:.5rem}.taskButton{background:#efefef;border:none;border-radius:.5rem;box-shadow:-6px -6px 14px hsla(0,0%,100%,.7),-6px -6px 10px hsla(0,0%,100%,.5),6px 6px 8px hsla(0,0%,100%,.075),6px 6px 10px rgba(0,0,0,.15);color:#444;cursor:pointer;font-size:1.3rem;font-weight:700;min-height:90px;min-width:80px;outline:none;padding:.7em .9em;text-align:center;text-decoration:none;transition:.2s ease-in-out}.taskButton:active{background:#dcdcdc}.task{align-items:center;list-style:none;width:500px}.task,.taskContainer{display:flex;height:200px;justify-content:space-between}.taskContainer{background:#ecf0f3;border-radius:.5rem;flex-direction:column;padding:3rem;text-decoration:none;transition:.2s ease-in-out;width:400px}.fields{background:#fff;border-radius:.5rem;border-style:none;color:#555;font-size:18px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:300px;outline:none;overflow-x:hidden;padding:.5rem 1rem;resize:none}.popup{background-color:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;position:fixed;width:100%}.popupInner{align-items:flex-end;background-color:#fff;border-radius:.5rem;flex-direction:column;height:600px;margin-top:100px;padding:3rem;width:600px}.container,.popupInner{display:flex;justify-content:space-between}.container{flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.inputContainer{display:flex;justify-content:space-between;width:100%}.inputContainer>*{margin:1.5rem 0}hr{background-color:#ccc;border:none;height:1px;margin:.5rem auto;width:100%}input{background:#fcfcfc;border-radius:.5rem;border-style:none;box-shadow:-6px -6px 7px hsla(0,0%,90%,.7),-6px -6px 10px hsla(0,0%,100%,.5),6px 6px 8px hsla(0,0%,100%,.075),6px 6px 10px rgba(0,0,0,.15);color:#555;font-size:18px;max-width:300px;max-width:10rem;outline:none;padding:.5rem 1rem}nav{display:flex;justify-content:space-evenly;margin:.5rem;width:100%}.active{background:rgba(63,63,63,.9)!important}.navItem{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,44%,.7);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);color:#fff;font-size:18px;padding:1rem}.navItem:hover{background:rgba(63,63,63,.9);cursor:pointer;transition:1s ease-out}#time{color:#303030}.primaryButton{background:#efefef;border:none;border-radius:.5rem;box-shadow:-6px -6px 14px hsla(0,0%,100%,.7),-6px -6px 10px hsla(0,0%,100%,.5),6px 6px 8px hsla(0,0%,100%,.075),6px 6px 10px rgba(0,0,0,.15);color:#444;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.2rem;outline:none;padding:1.5em 5em;text-align:center;transition:.2s ease-in-out}.primaryButton:active{background:#dcdcdc}.buttonContainer{display:flex;justify-content:space-between;width:80%}.secondaryButton{background:#717171;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.05rem;outline:none;padding:.9em 1.5em;text-align:center;transition:.2s ease-in-out}.secondaryButton:active{background:#dcdcdc}.secondaryButton>img{padding:0;width:40px}.box{align-items:center;background-color:#ecf0f3;border-radius:.5rem;display:flex;flex-direction:column;height:350px;justify-content:space-evenly;margin-top:1.5rem;width:450px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.312c3aad.css.map*/