*,:after,:before{box-sizing:border-box;font-size:100%;margin:0;padding:0}:root{--bg-primary:#b8c1ec;--dark-blue:#232946;--darker-blue:#121629;--pink:#eebbc3;--white:#fff;--main-font:"DM Sans",sans-serif;--second-font:"Roboto",sans-serif;--fw-r:400;--fw-m:500;--fw-b:700}body{background-color:#b8c1ec;background-color:var(--bg-primary);padding:0 1rem}body,h1,h2,h3{font-family:DM Sans,sans-serif;font-family:var(--main-font)}h1,h2,h3{font-weight:700;font-weight:var(--fw-b);line-height:1;text-align:center}img{height:auto;width:100%}.header{border-bottom:1px solid rgba(0,0,0,.25);margin:0 auto 2rem;max-width:25rem;padding:1.625rem 0 2rem}.logo{margin:2rem auto;width:100%}.subtitle{color:#232946;color:var(--dark-blue);font-family:DM Sans,sans-serif;font-family:var(--main-font);font-size:1.5rem;font-weight:400;text-align:center}.menu-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto 1.25rem;max-width:22.875rem;width:100%}.nav-link{border-radius:.3125rem;color:#121629;color:var(--darker-blue);display:inline-block;font-weight:500;font-weight:var(--fw-m);padding:.875rem 1.125rem;text-decoration:none;transition:all .2s ease-in-out}.is-active,.nav-link:hover{box-shadow:inset 0 0 4px 2px rgba(0,0,0,.25)}.create-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto 1.25rem;width:100%}#taskField{background-color:transparent;border:none;border-bottom:2px solid #eebbc3;border-bottom:2px solid var(--pink);color:#eebbc3;color:var(--pink);display:block;font-family:Roboto,sans-serif;font-family:var(--second-font);margin-bottom:1rem;outline:none;padding:.3125rem;width:16.625rem}::-webkit-input-placeholder{color:#eebbc3;color:var(--pink);opacity:1}:-ms-input-placeholder{color:#eebbc3;color:var(--pink);opacity:1}::placeholder{color:#eebbc3;color:var(--pink);opacity:1}.create-button{background:transparent;border:2px solid #eebbc3;border:2px solid var(--pink);color:#eebbc3;color:var(--pink);cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-family:var(--main-font);padding:.625rem 2.125rem;transition:all .15s ease-in-out}.create-button:hover{background-color:#eebbc3;background-color:var(--pink);color:#121629;color:var(--darker-blue)}.column-wrapper{background:linear-gradient(163.18deg,#232946,#121629);background:linear-gradient(163.18deg,var(--dark-blue) 0,var(--darker-blue) 100%);border-radius:.625rem;margin:0 auto 2rem;max-width:43.75rem;padding:1rem 1rem 2rem;width:100%}.column-title{color:hsla(0,0%,100%,.74);font-size:1.875rem;line-height:2.4375rem;margin-bottom:1.25rem}.column-msg{color:#fff;color:var(--white);font-family:DM Sans,sans-serif;font-family:var(--main-font);margin-top:2rem;opacity:.5;text-align:center}.task{grid-column-gap:1.25rem;align-items:center;background-color:#fff;background-color:var(--white);border-radius:.625rem;-webkit-column-gap:1.25rem;column-gap:1.25rem;display:grid;grid-template-columns:1fr 2.125rem;margin-bottom:1.25rem;padding:1rem;width:100%}.task-content{color:#121629;color:var(--darker-blue);font-family:Roboto,sans-serif;font-family:var(--second-font);font-size:1rem;font-weight:400;font-weight:var(--fw-r)}.task-btns{flex-direction:column;row-gap:1rem;width:2.125rem}.task-btn,.task-btns{align-items:center;display:flex;justify-content:center}.task-btn{background:transparent;border:none;color:#b8c1ec;color:var(--bg-primary);cursor:pointer;font-size:2rem;transition:all .15s ease-in-out;width:100%}.task-btn:hover{color:#232946;color:var(--dark-blue)}.footer{padding:0 0 2rem}.footer-text{color:#121629;color:var(--darker-blue);text-align:center}.footer-link{color:#232946;color:var(--dark-blue);text-decoration:underline;transition:color .15s ease-in}.footer-link:hover{color:#fff;color:var(--white)}@media (min-width:48rem){.create-form{align-items:flex-end;-webkit-column-gap:1.25rem;column-gap:1.25rem;flex-direction:row;justify-content:center;width:24.125rem}#taskField{margin-bottom:0}}@media (min-width:23.4375rem){.menu-wrapper{-webkit-column-gap:1.25rem;column-gap:1.25rem;justify-content:center}}
/*# sourceMappingURL=main.a1e33ae9.css.map*/