.hero{background:linear-gradient(135deg,#0079bf,#5067c5);height:calc(100vh - 45px);overflow:auto;margin:0 auto}.landing-flex-wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin-top:100px;padding-right:15px;padding-left:15px;color:#fff}.landing-page-right{width:540px}.landing-page-left{width:540px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;margin-right:20px}.landing-page-header{max-width:539px;font-size:48px;font-family:"Charlie Display",sans-serif;font-weight:500;line-height:1.2;margin-bottom:10px}.landing-page-text{max-width:539px;font-size:25px;font-weight:300;line-height:1.5;font-family:"Charlie Text",sans-serif}.landing-page-image{width:100%!important;border-radius:5px}.button-flex-wrapper{display:flex;justify-content:center;flex-wrap:wrap;margin-top:100px}.btnlog-in{margin-left:10px}.btnlog-in,.btnsign-up{cursor:pointer;border-radius:5px;color:#fff;background-color:#61bd4f;border-color:#61bd4f;font-size:25px;padding:10px 45px;width:179px}.btnsign-up{margin-right:10px}.btnlog-in:hover{background-color:#51a73f}.btnsign-up:hover{background-color:#51a73f}@media screen and (max-width:1142px){.landing-flex-wrapper{flex-direction:column;align-content:center;margin-top:-1px}@media screen and (max-width:766px){.hero{text-align:center}}@media screen and (max-width:650px){.landing-page-header{font-size:38px}.landing-page-text{font-size:22px}}@media screen and (max-width:415px){.landing-flex-wrapper{align-items:center}.landing-page-header{font-size:22px}.landing-page-header,.landing-page-text{max-width:300px;margin-left:auto;margin-right:auto}.landing-page-text{font-size:18px}.landing-page-image{max-width:300px;margin-bottom:-60px}.btnlog-in,.btnsign-up{margin-left:10px;font-size:15px;padding:11px 30px;width:120px}}}.registration-page{height:calc(100vh - 45px);background-color:#f9fafc;display:flex;justify-content:center;align-items:center}.registration-flex-container{display:flex;flex-flow:column nowrap;align-items:center;height:453px;max-height:550px;width:400px;max-width:585px;background-color:#fff;border-radius:3px;padding:25px 40px;box-shadow:0 0 10px rgba(0,0,0,.1)}.registration-header{text-align:center;color:#5e6c84;font-size:16px;line-height:28px;margin-top:10px;margin-bottom:25px}.confirmpw-input,.email-input,.pw-input{width:100%;padding:7px;margin:0 0 16.8px;background:#fafbfc;border:2px solid #dfe1e6;border-radius:3px;width:320px;height:44px}.btnregistration-button{background:#5aac44;color:#fff;font-weight:700;font-size:inherit;padding:8.4px 18.2px;border:0;border-radius:3px;width:100%;cursor:pointer;box-shadow:none;margin-bottom:50px;margin-top:15px}.route-to-login{color:#00f;text-decoration:none}.route-to-login:hover{text-decoration:underline}.login-page{height:calc(100vh - 45px);background-color:#f9fafc;display:flex;justify-content:center;align-items:center}.login-flex-container{display:flex;flex-flow:column wrap;align-items:center;height:453px;width:400px;max-width:585px;background-color:#fff;border-radius:3px;padding:25px 40px;box-shadow:0 0 10px rgba(0,0,0,.1)}.login-header{color:#5e6c84;font-size:16px;text-align:center;line-height:28px;margin:10px 0 25px}.btnlogin-button{background:#5aac44;width:100%;padding:8.4px 18.2px;box-shadow:none;cursor:pointer;color:#fff;font-weight:700;font-size:inherit;border-radius:3px;border:0;margin-bottom:50px;margin-top:15px}.route-to-registration{color:#00f;text-decoration:none}.route-to-registration:hover{text-decoration:underline}.board-container{padding-top:70px;padding-right:30px;display:flex;flex-wrap:wrap;max-width:1000px;margin:0 auto;min-width:500px}.board-container>*{border:1px solid;border-radius:3px;width:249px;max-width:250px;height:96px;text-decoration:none;color:#000;background:hsla(0,0%,56.9%,.212);flex:0 0 40%;margin:5px 2px 5px 10px}.board-title{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:700;width:100%;line-height:20px;padding:8px}.create-board-form{display:flex;flex-flow:column wrap;justify-content:center;align-items:center}#board-title{max-width:149px;width:100%;padding:2px 8px;font-weight:700;color:#5a5a5a}#board-title,.add-board-btn{border-radius:3px;border:none;font-size:14px}.add-board-btn{margin-top:10px;background-color:#5aac44;box-shadow:none;padding:6px 12px;font-weight:400;color:#fff;cursor:pointer}.error-message-wrapper{display:flex;width:100vw;justify-content:center;position:relative}.error-message{color:red;font-weight:bolder}@media screen and (min-width:1200px){.board-container{padding-top:70px;display:flex;flex-wrap:wrap;max-width:1000px;margin:0 auto;min-width:500px}.board-container>*{border:1px solid;border-radius:3px;width:194px;height:96px;text-decoration:none;color:#000;background:hsla(0,0%,56.9%,.212);flex:0 0 22%;margin:10px}}.boardpage{background-color:#0079bf;height:calc(100vh - 45px);overflow:scroll;overflow-y:hidden;overflow-x:auto}.board-header{font-weight:700;padding:5px}.delete-board{position:absolute;right:0;top:6%;padding-right:5px;padding-top:5px;font-size:small;cursor:pointer;color:#000;text-decoration:none}.delete-board:hover{color:#00f}.board-lists{margin-left:8px;margin-top:20px;display:grid;grid-auto-columns:272px;grid-auto-flow:column;grid-gap:8px}.add-list-button{cursor:pointer}*{box-sizing:border-box}.task-list{background-color:#ebecf0;border-radius:3px;display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-gap:10px;height:-webkit-max-content;height:max-content;padding:10px}.hide-input{cursor:pointer}.flex-delete{display:flex;justify-content:space-between}.add-card,.delete-list{cursor:pointer}.add-card{margin:2px 0 1px;padding:1px 4px;color:#5e6c84;border-radius:2px}.add-card:hover{background-color:#dcdee2}.add-card-button{cursor:pointer}.card{background-color:#fff;border-radius:3px;box-shadow:0 1px 0 rgba(9,30,66,.25);padding:10px;position:relative;overflow-wrap:break-word;word-wrap:break-word;color:#172b4d;max-width:254px;font-size:14px}.card:hover{background-color:#f3f5f7}.delete-task-icon{position:absolute;top:0;right:0;cursor:pointer}.createacc,.login,.logout{padding:5px;font-size:13px}.header{background:#046aa7;color:#fff;padding:5px;height:45px}.loggedInHeader,.loggedOutHeader{width:100%;height:100%;display:flex;justify-content:flex-end;position:relative}.header-middle{flex:0 1 auto;width:150px;height:100px;position:absolute;left:22%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:3px}.header-right{flex:0 1 auto;height:100px;margin-left:auto;margin-top:7px}#header-right-out{margin-right:20px}.header a{color:#fff;text-decoration:none}.createacc{margin-right:10px;padding:5px}.createacc:hover{background-color:#fff;color:#046aa7;border-radius:5px}.login:hover{background-color:#fff;color:#046aa7;border-radius:5px}.logout:hover{background-color:#fff;color:#046aa7;border-radius:5px}@media screen and (min-width:415px){.createacc,.login,.logout{font-size:16px}@media screen and (min-width:700px){.header-middle{left:50%}}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Signika","Charlie Display","Charlie Text","sans serif";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.b3ec5a2a.chunk.css.map */