@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap);.App,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.lds-roller{display:inline-block;position:relative;width:80px;height:80px;margin-top:5rem}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#acaaaa;margin:-4px 0 0 -4px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lds-facebook{display:inline-block;position:relative;width:80px;height:80px}.lds-facebook div{display:inline-block;position:absolute;left:6px;width:12px;background:#acaaaa;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:first-child{left:8px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:32px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:56px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}.home-page-content{display:flex;flex-direction:column}.homepage-card-data{padding:.4rem}.sideBar{display:none}.home-page{display:flex;margin-top:0;padding-top:0}.home-page-title{display:flex;justify-content:center;font-size:.5rem;margin-top:.5rem;color:#172b4d}.home-page-title svg{margin-top:.5rem;margin-right:.125rem;height:1.5rem;width:1.5rem}.home-page-container{display:flex;flex-wrap:wrap;justify-content:center}.homepage-card{flex-direction:row;height:5.938rem;min-width:9.5rem;width:17.469rem;padding:.1rem;border-radius:.4rem;margin-top:.5rem;margin-right:.5rem;margin-left:.5rem;cursor:pointer}.homepage-card,.homepage-card-data{display:flex;justify-content:space-between;color:#fff}.homepage-card-data{flex-direction:column;font-size:.5rem}.cancel{margin-left:.3rem;color:#fff;padding:.5rem .7rem;border:.125rem solid #fff;border-radius:1.5rem;cursor:pointer}.cancel:hover{color:tomato;border:.125rem solid tomato}.current-board{display:flex;font-size:.5rem;background-color:hsla(0,0%,100%,.2);justify-content:center;border:.125rem solid #fff;border-radius:.5rem;margin:0 .3rem .2rem;color:#fff}.current-board input[type=text]{margin-top:.24rem;background-color:#fff;border-radius:.5rem;height:3rem;border:0;font-family:bold;font-size:2rem;color:#027ac0}.current-board input[type=text]:focus{outline:none}.delete-icon-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;margin-right:.5rem;color:#fff}.update-card-loading img{height:4rem;width:4rem}.delete-icon{position:absolute;border:.125rem solid #fff;border-radius:1rem;height:1rem;width:1rem}.delete-icon:hover{color:tomato;border:.125rem solid tomato}.update-icon{margin-left:1rem;color:#fff;height:2rem;width:2rem}.loading{display:flex;justify-content:center;align-items:center}.update-icon:hover{color:#5fb7eb}.current-card-title{width:17rem;font-size:1rem;height:3rem}.update-card{flex-direction:row;max-width:17rem}.homepage-card:hover{box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07);opacity:.8}.navbar{display:flex;justify-content:space-between;margin-top:0;background-color:#027ac0;cursor:pointer}.navbar img{height:3rem;opacity:.7}.navbar:hover img{opacity:1}.dash-board-page{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.dash-board{height:100vh;margin-left:.4rem;overflow-x:auto}.board-list-container,.dash-board{display:flex;justify-content:flex-start}.board-list-container{flex-direction:column;background-color:#ebecf0;margin-right:.425rem;border:.125rem solid grey;border-radius:.3rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.board-list-name{align-items:center;margin:.2rem .5rem;min-width:15rem;min-height:3rem;border-radius:.5rem}.board-list-name,.board-list-name input[type=text]{display:flex;background-color:#ebecf0;color:#172b4d}.board-list-name input[type=text]{width:18rem;height:1rem;justify-content:center;padding-left:.5rem;font-size:.875rem;font-weight:700;line-height:1.25rem;border:0 solid #027ac0;border-radius:5rem}.list-cards{overflow-y:auto}.current-list-card{height:3rem}.cards{display:flex;justify-content:space-between;background-color:#fff;color:#000;border-radius:.4rem;padding:.125rem;margin:.4rem}.add-button-wrapper{display:flex;flex-direction:column;justify-content:flex-start}.add-card-button-wrapper{display:flex;justify-content:center;align-items:center}.add-board-form{display:none;flex-direction:column;margin:.125rem}.add-board-form input[type=text]{height:3rem;width:20rem;border:0;border-radius:.5rem}.add-board-form input[type=submit]{margin-top:.4rem;border:0;border-radius:.5rem;height:2rem;font-size:1rem}.add-board-form input[type=submit]:hover{background-color:#c4c2c2;color:#fff}.add-board-form textarea{height:3rem;width:100%;border:0;border-radius:.5rem}.add-board-form input[type=submit]:active{background-color:#61bd4f}.add-new-board{align-items:center;font-size:1.5rem;min-height:5.938rem;min-width:9.5rem;width:17.469rem;margin:.5rem;background-color:#f0f2f4;font-size:.5rem;color:#172b4d}.add-card,.add-new-board{display:flex;flex-direction:column;justify-content:center;border-radius:.4rem;cursor:pointer}.add-card{align-items:flex-start;font-size:.4rem;font-weight:700;line-height:1.25rem;min-height:3rem;min-width:20rem;max-width:25rem;padding:.3rem;background-color:#ebecf0;margin:1rem .2rem .2rem;color:#5e6c84}.add-card:hover{background-color:#d9dce3}.add-new-list{flex-direction:column;align-items:center;font-size:1.5rem;min-height:5rem;min-width:16.5rem;max-width:25rem;padding:.3rem;background-color:hsla(0,0%,100%,.32);border:.125rem solid #9fa6aa;border-radius:.4rem;margin:1rem .5rem .5rem;cursor:pointer;font-size:.5rem;color:#172b4d}.add-new-list,.update-board-name{display:flex;justify-content:center}.update-board-name input[type=submit]{display:none}.update-board-name svg{height:2rem;width:2rem;border:.125rem solid #fff;border-radius:1rem;margin-right:0}.update-board-name svg:hover{color:tomato;border:.125rem solid tomato}.card-icons{display:flex;flex-direction:column;justify-content:center;font-size:2rem}.card-icons svg:first-child:hover{color:tomato}.update-card{display:flex;justify-content:space-between;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;word-break:break-word}.update-card-form{display:flex;justify-content:center;align-items:center}.card-name{font-size:1rem}.update-card-form input[type=text]{background:transparent;border:.1rem solid #fff;height:3rem;font-size:1.5rem;margin-bottom:1rem}.board-list-name input[type=submit],.update-card-form input[type=submit]{display:none}.update-card-options{display:flex}.update-card-options input[type=submit]{margin-top:.5rem;margin-bottom:.2rem}.update-card-options svg{color:grey;height:2.5rem;width:2.5rem;margin-left:.225rem;margin-top:.8rem;margin-bottom:.5rem}.update-card-options svg:hover{color:#fa6c6c}.update-list-options{display:flex}.update-list-options input[type=submit]{margin-top:.7rem;margin-bottom:.2rem;height:3rem;width:10rem}.update-list-options svg{color:#fff;height:2.5rem;width:2.5rem;margin-left:.225rem;margin-top:.8rem;margin-bottom:.3rem}.update-list-options svg.board{margin-top:.6rem}.update-list-options svg:hover{color:#fa6c6c}.update-card-button{height:2rem;width:2rem;background-color:transparent;border:.125rem solid #000;border-radius:1rem}.update-card-button:hover{color:#6495ed;border:.125rem solid #6495ed}.navbar-left,.navbar-right{display:flex;align-items:center;padding:.1rem;margin:.1rem}.navbar-left-setting{background-color:#4e97c2;border-radius:.2rem;margin-right:.3rem}.navbar-left-setting:hover{border:.125rem solid #fff}.navbar-left-setting svg{height:1.5rem;width:1.5rem;color:#faebd7;margin-right:0;padding-right:0}.navbar-left-home{background-color:#4e97c2;border-radius:.2rem;margin-right:.3rem;display:none}.navbar-left-home:hover{border:.125rem solid #fff}.navbar-left-home svg{height:2rem;width:2rem;color:#faebd7;margin-right:0;padding-right:0}.navbar-left-board{background-color:#4e97c2;border-radius:.2rem;font-size:.5rem;display:flex;justify-content:center;align-items:center;color:#fff;margin-right:.3rem}.navbar img{margin-right:2rem}.navbar-left-board:hover{border:.125rem solid #fff}.navbar-left-board h1{display:none}.navbar-left-board svg{color:#fff;height:1.9rem;width:1.5rem}.navbar-left-search{background-color:#4e97c2;border-radius:.2rem;font-size:.6rem;display:flex;justify-content:center;align-items:center;color:#fff;margin-right:.3rem;padding:.15rem}.navbar-left-search input[type=text]{display:none}.navbar-left-search:hover{border:.125rem solid #fff}.navbar-left-search svg{color:#fff;height:1.5rem;width:1.5rem}.add-card-form{display:none;margin-left:.2rem}.form{display:flex;flex-direction:column}.add-card-form textarea{justify-content:start;word-wrap:break-word;width:20rem;margin-bottom:.5rem}.add-card-form input[type=submit]{background-color:#61bd4f;height:3rem;width:5rem;margin-left:.2rem;border-radius:.4rem;color:#fff;font-weight:700}.list-name-container{display:flex;justify-content:space-between}.list-name-container svg{margin-right:.125rem;color:grey;height:2rem;width:2rem}.archive-list-button{margin-top:.4rem;padding-top:.2rem;margin-right:.4rem}.archive-list-button svg:hover{color:tomato;border-radius:1rem}.navbar-left-search-bell{background-color:tomato;border-radius:.2rem;font-size:.6rem;display:flex;justify-content:center;align-items:center;color:#fff;margin-right:.3rem;padding:.15rem}.navbar-left-search-bell svg{height:1.5rem;width:1.5rem}@media only screen and (min-width:760px){.home-page-container{justify-content:flex-start}.sideBar{margin-top:4rem;display:flex;flex-direction:column;min-width:15rem;margin-left:2rem;margin-right:2rem;color:#172b4d;font-size:.5rem}.sidebar-div{display:flex;padding-left:1rem;padding-right:1rem}.sidebar-div:hover,.sidebar-div active{background-color:#e4f0f6;border-radius:.5rem}.sidebar-div:hover{color:#0079bf}.sidebar-div svg{height:1.5rem;width:1.5rem;margin-top:.5rem;margin-right:.125rem}.navbar-left-board h1{display:block;font-size:.8rem;line-height:1rem}.navbar-left-search svg,.navbar-left-setting svg{height:2rem;width:2rem}.home-page-title{justify-content:flex-start}.navbar-left-home{display:block}.navbar-left-search input[type=text]{display:block;padding-left:.5rem;background-color:#4e97c2;border:0 solid;height:2rem;color:#fff;font-weight:700}.navbar-left-search input[type=text]:focus{outline:none}.navbar-left-search input[type=text]::-webkit-input-placeholder{color:#fff}.navbar-left-search input[type=text]:-ms-input-placeholder{color:#fff}.navbar-left-search input[type=text]::placeholder{color:#fff}.navbar-left-search-bell svg{color:#fff;height:2rem;width:2rem}.navbar-left-search-bell:hover{border:.125rem solid #fff}.sidebar-drop-down{margin-top:3rem}.header{color:#5e6c84}.drop-down,.header{display:flex;justify-content:space-between}.drop-down{cursor:pointer}.drop-down:hover{background-color:#e4f0f6;border-radius:1rem}.drop-down-items{display:flex;margin-left:.5rem;font-size:.5rem;justify-content:space-between}.drop-down-item{display:flex;color:#5e6c84;font-weight:100}.drop-down-item svg{margin-top:.7rem;margin-right:.2rem;height:1rem;width:1rem}.drop-down svg{margin-top:.3rem;height:2rem;width:2rem}.drop-down-header{display:flex}.drop-down-header svg{margin-top:.3rem;margin-right:.125rem;height:1.5rem;width:1.5rem}}.landing-page-container{height:100vh;background:#0079bf}.landing-page{padding-top:10vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.landing-page a{box-sizing:border-box;text-decoration:none}.landing-left{color:#fff;flex-direction:column;opacity:.8;margin-left:1rem}.landing-left,.landing-right{box-sizing:border-box;width:50vw;display:flex}.landing-right{margin-top:2rem}.landing-right,.landing-right div{align-items:center;justify-content:center}.landing-right div{display:flex;flex-direction:column;color:#fff;font-size:50px;font-weight:500;text-decoration:none;background:hsla(0,0%,100%,.2);border-radius:10px;height:70vh;width:40vw}.landing-right div img{margin-left:-2em;transition:all .5s}@media only screen and (min-width:760px){.landing-page{flex-direction:row}}
/*# sourceMappingURL=main.91e2ac37.chunk.css.map */