@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*,:after,:before{box-sizing:border-box}.App{font-family:Lato,sans-serif;height:100vh;overflow:auto;width:100vw}.App,.heading{align-items:center;background-color:#3b4252;display:flex;flex-direction:column}.heading{padding-bottom:2rem;position:fixed;top:0;width:100%;z-index:1}.heading__top{align-items:center;display:flex}.heading__title{color:#fff;font-size:2.5rem;font-weight:700;margin:1.875rem 0;text-align:center;text-transform:uppercase}.heading__logo{margin-right:1rem;max-width:3.5rem}.input{align-items:center;display:flex;position:relative;width:90%}@media(min-width:48rem){.input{width:80%}}@media(min-width:80rem){.input{width:66%}}.input__box{background-color:#e5e9f0;border:none;border-radius:3.125rem;font-size:1rem;padding:1.25rem 1.875rem;transition:.2s;width:100%}@media(min-width:48rem){.input__box{font-size:1.5rem}}.input__box:focus{background-color:#fff;box-shadow:0 0 .625rem 100vh rgba(46,52,64,.5);outline:none}.input__submit{background-color:#d08770;border:none;border-radius:3.125rem;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:700;height:3.125rem;margin:.75rem;position:absolute;right:0;transition:all .2s;width:4.125rem}@media(min-width:48rem){.input__submit{font-size:1.25rem;width:6.125rem}}.input__submit:hover{background-color:#ebcb8b}.input__submit:active{box-shadow:0 0 .3125rem #2e3440;-webkit-transform:scale(.8);transform:scale(.8)}.todos__card{background-color:#eceff4;border-radius:.3125rem;display:flex;flex-direction:column;margin-top:.9375rem;padding:1.25rem;transition:.3s;width:100%}.todos__card:hover{box-shadow:0 4px 10px #2e3440;-webkit-transform:scale(1.03);transform:scale(1.03)}@media(min-width:48rem){.todos__card{flex-direction:row}}.todos__card--text{border:none;flex:1 1;font-size:1rem;padding:.3125rem}@media(min-width:48rem){.todos__card--text{font-size:1.25rem}}.todos__card--edit{background-color:#c8c8c8;border:none;border-radius:.3125rem;flex:1 1;font-size:1.25rem;padding:.3125rem;width:100%}.todos__card__icons{align-items:center;display:flex;justify-content:right;margin-top:1rem}@media(min-width:48rem){.todos__card__icons{align-items:flex-end;justify-content:center;margin-top:0}}.todos__card__icon,.todos__card__icon--delete,.todos__card__icon--delete:hover,.todos__card__icon:hover{cursor:pointer;font-size:1.5625rem;margin-left:.625rem;transition:.3s}.todos__card__icon--delete:hover,.todos__card__icon:hover{color:#5e81ac;scale:1.1}.todos__card__icon--delete:hover{color:#bf616a;scale:1.1}.drag{box-shadow:0 0 1.25rem #2e3440}.container{align-items:center;display:flex;flex-direction:column;height:80vh;margin-top:14rem;transition:.3s;width:95%}@media(min-width:48rem){.container{align-items:flex-start;flex-direction:row;justify-content:space-between;width:90%}}@media(min-width:80rem){.container{width:80%}}.todos,.todos--completed{background-color:#a3be8c;border-radius:.3125rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem;transition:.3s;width:95%}@media(min-width:48rem){.todos,.todos--completed{padding:2rem;width:47.5%}}.todos--completed{background-color:#bf616a}.todos__heading{color:#fff;font-size:1.5rem;text-align:center}@media(min-width:48rem){.todos__heading{font-size:1.8rem}}.todos__message{color:#fff;font-size:1.25rem;margin-top:1rem;text-align:center}.drag-active{background-color:#c0e0a4}.drag-complete{background-color:#ff8591}.footer{align-items:center;background-color:#2e3440;color:#fff;display:flex;justify-content:space-between;padding:1rem 10%;width:100%}.footer__column{display:flex;flex-direction:column}.footer__title{font-size:1rem;font-weight:700}@media(min-width:48rem){.footer__title{font-size:2rem}}.footer__link{color:#fff}.footer__icon{cursor:pointer;-webkit-filter:invert(1);filter:invert(1);transition:.3s;width:2.5rem}.footer__icon:hover{-webkit-filter:invert(75%) sepia(25%) saturate(366%) hue-rotate(49deg) brightness(94%) contrast(86%);filter:invert(75%) sepia(25%) saturate(366%) hue-rotate(49deg) brightness(94%) contrast(86%)}@media(min-width:48rem){.footer__icon{width:4rem}}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.a4650d00.css.map*/