.session{position:fixed;margin-top:60px;width:100vw;height:100vh;z-index:1;top:0;background-color:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center}.error-message{color:red;font-size:20px}ul li{list-style:none}.session-form{display:flex;flex-direction:column;align-items:center}.signin-form{height:300px}.signin-form,.signup-form{background-color:#2d4059;width:400px;border:1px solid #1a2738;text-align:center;padding:10px}.signup-form{height:350px}.session-form input{border-radius:5px;padding:20px;margin:10px;width:84%;font-size:14px}.session-form button{background-color:#61bd4f;border-radius:5px;padding:10px;margin-top:10px;font-size:20px;font-weight:600;color:#fff;height:50px;width:95%}.nav-bar{width:100vw;height:10vh;background-color:#2d4059;align-items:center}.nav-bar,.session-buttons{display:flex;justify-content:space-between}.session-buttons{padding:10px;min-width:200px}.logo-button{color:#f07b3f;font-size:30px}.logo-button,.session-button{text-decoration:none;padding:10px;font-weight:700}.session-button{border-radius:5px;color:#fff;font-size:20px;background-color:#5c5c5c}.session-button,.session-button:hover{-webkit-transition:.5s linear;transition:.5s linear}.session-button:hover{background-color:#f07b3f}#divider{border-bottom:1px solid #dfe0e6;padding:5px;margin-bottom:10px;width:150px}.home{height:100vh;width:100vw;background:linear-gradient(135deg,#f07b3f,#ea5455)}.home,.home-content{display:flex;flex-direction:column;align-items:center}.home-content{margin-top:100px;padding:10px;justify-content:center;align-content:center}.home-content h1{color:#fff;font-size:2.5rem;font-weight:200;padding:3px}.home-content h2{color:#fff;font-size:1.2rem;font-weight:20;padding:3px}.home-content span{align-self:center}.home-form{padding:20px;display:flex;justify-content:space-evenly}.home-form input{padding:20px;border-radius:5px;font-size:20px}.demo-user-btn{margin-top:30px}.home-form button{padding:20px;border-radius:5px;color:#fff;font-size:20px;font-weight:600;background-color:#2d4059}.home-form button,.home-form button:hover{-webkit-transition:.2s linear;transition:.2s linear}.home-form button:hover{background-color:#61bd4f}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.lists{display:flex;flex-wrap:wrap}.list-item{display:flex;flex-direction:column;border-radius:5px;width:200px;margin:10px;border:1px solid #dee0e1}.list-item-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#f07b3f}.list-item-title{background-color:transparent;margin:5px;width:150px;font-size:20px;font-weight:600;overflow:hidden;color:rgba(0,0,0,.6)}.list-item-title:focus{background-color:#fff}.list-add{display:flex;flex-direction:column;opacity:.5;font-size:14px;padding:10px;border-radius:5px;width:200px;height:150px;margin:10px;justify-content:center;align-items:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.4);-webkit-transition:.3s;transition:.3s}.list-add:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.3)}.list-add-form{display:flex;flex-wrap:wrap;background-color:#ebecf0;padding:5px;border-radius:5px;width:200px;height:150px;margin:10px;justify-content:center;align-items:center}.list-add-form input{border:none;display:block;width:100%;padding:10px}.list-add-form button{background-color:#61bd4f;color:#fff;border-radius:5px;padding:5px;margin-top:5px}.list-item-card{background-color:#fff;padding:5px;border-radius:5px}.card-buttons{text-align:center;width:100%}.deleteBtn{color:rgba(0,0,0,.5);font-weight:600}.btnDeleteList{cursor:"pointer";font-size:10px;color:rgba(0,0,0,.6);background-color:#f07b3f;padding-right:5px}.card-item{border-radius:3px;background-color:#fff;margin-bottom:10px;padding-bottom:3px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s}.card-item:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card-add-form{background-color:#ebecf0}.card-add-form button{background-color:#61bd4f;color:#fff;border-radius:5px;margin-top:5px;padding:3px}.card-add{background-color:#dcdcdc;border:1px solid #000;border-radius:4px;padding:3px;margin-top:5px;margin-bottom:5px;display:flex;flex-direction:row;justify-content:center;width:100%;height:25px;font-size:14px}.card-add:hover{background-color:#a9a9a9}.card-title-textbox{padding:5px;width:93%;margin-top:5px}.card-header{display:flex;justify-content:space-between}.card-title{font-size:16px;float:left;font-weight:700;color:rgba(0,0,0,.5);padding:6px}.card-description{color:grey;font-size:11px;padding:10px}.card-buttons{display:flex;justify-content:space-between;padding-top:5px}.btn-card-add{float:left;font-size:16px}.btn-card-add>button:hover,.btn-card-cancel>button:hover{background-color:green}.btn-card-add>button,.btn-card-cancel>button{font-size:12px}.btnDeleteCard{cursor:"pointer";font-size:10px;color:rgba(0,0,0,.6)}.board-detail-list{flex-wrap:wrap}#no-boards,.board-detail-list{display:flex;flex-direction:row}#no-boards{padding:50px;margin:150px;justify-content:center;color:rgba(0,0,0,.5);font-size:30px;font-weight:600;-webkit-transition:.2s linear;transition:.2s linear}.board-form #main h1{color:#444;text-align:center}.board-form #main{padding:0;box-sizing:border-box;height:100%}.board-form form{left:0;top:50px;width:100%}.board-form form input{box-sizing:border-box;width:100%;height:50px;margin-bottom:5px;padding:5px;font-size:14px}.board-form form button{color:#fff;font-size:2em;border:0;padding:0 10px;border-radius:50%;cursor:pointer;bottom:10px;-webkit-transition:.2s linear;transition:.2s linear;background-color:#2d4059}.board-form form button:hover{background-color:#213044}.board-form p{margin-top:7px;color:#fff}.board-form h2{color:#fff}*{margin:0;border:0;padding:0;font-family:Arial,Helvetica,sans-serif}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s;width:200px;height:150px;float:left;margin:10pt;border:1px solid #d3d3d3;opacity:.9}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);cursor:pointer;opacity:1}.board-tile-details{display:flex;width:100%;height:100%;padding-top:25px;position:relative;flex-direction:column;justify-content:space-between;font-size:20px;color:#d3d3d3;font-weight:300;text-decoration:none}.container{text-align:center}.rightPanel{overflow:hidden}.leftPanel{float:left;background:linear-gradient(135deg,#f07b3f,#ea5455);height:100%;padding:50px 10px 700px}.headerDetail{width:100%;padding:20px;color:rgba(0,0,0,.5);font-size:20px;font-weight:600;-webkit-transition:.2s linear;transition:.2s linear}hr{height:20px;width:100%;height:50px;border:none;border-bottom:1px solid #999695;box-shadow:0 20px 20px -20px #636161;margin:-50px auto 10px}.deleteBtn{content:"x";float:right;cursor:pointer;color:grey;font-weight:300;padding-right:5px}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000}.tooltip .tooltiptext{visibility:hidden;width:60px;background-color:grey;color:#fff;text-align:center;border-radius:6px;padding:5px 0;font-size:13px;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.link-board{text-decoration:none;position:relative}
/*# sourceMappingURL=main.24d1971e.chunk.css.map */