@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap);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}body{background-color:#00568c;font-family:Quicksand,sans-serif}.table_title{background-color:inherit;border:none;border-radius:10px;color:#ed8c6b;font-family:Amatic SC;font-size:40px;margin:20px 0 30px;outline:none;padding:5px 10px;text-align:center}.table_title_div{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container{display:grid;flex-direction:row;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr 1fr;margin:0 auto;width:inherit}.add_list_form,.add_list_label,button{background-color:#edbf3b;border:0 solid #000;border-radius:40px;font-family:Quicksand,sans-serif;font-size:1.5em;height:20%;padding:5px 0;width:100%}.add_list:hover,button:hover{background-color:#f1c763;cursor:pointer}.button_column{display:flex;height:500px;justify-content:flex-start;margin-left:20px;width:300px}button.home{border-radius:10px;box-shadow:0 3px 5px #000;font-size:1.2em;height:auto;min-height:0;padding:5px 10px;text-transform:capitalize;width:auto}.board_section{min-height:100vh;overflow:scroll}.board_section::-webkit-scrollbar{width:0!important}.link_home{position:absolute;right:-100px}@media(max-width:450px){.container{align-content:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.button_column{height:150px;margin:0 auto}.add_list_label{height:70px}.board_section .log_out{margin:20px auto;position:relative}}.list{align-items:center;-webkit-animation:showUp 1s forwards;animation:showUp 1s forwards;background-color:#ed693b;border-radius:50px;box-shadow:0 3px 5px #000;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;margin:10px 20px 40px;min-height:500px;position:relative;width:310px;z-index:0}.list .delete_button{background-color:var(--delete-color);border-radius:50px;display:none;height:40px;right:-10px;top:-10px;width:40px;z-index:1}.list:hover .delete_button{display:flex}h2{background-color:#edbf3b;border-radius:30px;color:#000;height:35px;margin:15px 15px 5px;outline:none;overflow:auto;padding:5px 0;text-align:center;width:250px}h2:hover{background-color:#f1c763}h2::-webkit-scrollbar{width:auto}@media(max-width:450px){.list{margin-bottom:30px}}.add_card{align-items:center;background-color:#318bc6;border-radius:50%;display:flex;height:35px;justify-content:center;margin-bottom:10px;width:35px}.add_card p{font-size:30px;margin:-3px -1px 0 0;text-align:center}.card_creator{align-items:center;background-color:#edbf3b;border-radius:30px;display:flex;flex-direction:column;justify-content:center;width:80%}.card_creator .delete_button{background-color:#ff7676;border:0;display:block;height:15px;margin-left:5px;position:relative;right:auto;top:auto;width:15px}.card_creator .button_panel{margin-bottom:5px}.card_creator button{border:0}.create_card_textarea{background-color:#e8c76d;border-radius:10px;margin:5px 0 10px;outline:none;padding:5px;resize:none;width:80%}.create_card_textarea::-webkit-scrollbar{width:0}.create_card_button{align-items:center;background-color:#318bc6;border:3px solid #000;display:flex;font-size:10px;height:30px;justify-content:center;margin-right:5px;width:120px}@media(max-width:450px){.create_card_textarea{font-size:20px;height:50px}.create_card_button{font-size:25px;height:40px;width:150px}.card_creator .delete_button{height:25px;width:25px}}.warning{color:#ed8c6b;font-size:14px;margin:0;text-align:left;width:100%}.add_list_form .warning{margin-bottom:5px;text-align:center}.table_title_div .warning{bottom:10px;left:0;position:absolute}.list .warning{color:#00568c;margin-bottom:10px;text-align:center}.card_slot{background-color:#cb5533;border-radius:20px;box-shadow:inset 1px 2px 3px #000;cursor:pointer;margin:0 0 20px;min-height:70px;position:relative;width:240px}.inner_text{background-color:inherit;border:0;font-family:inherit;font-size:18px;height:calc(95% - 10px);outline:none;resize:none;white-space:pre;width:calc(95% - 10px)}.inner_text::-webkit-scrollbar{width:0}.card p{margin:7px 0 0;overflow:hidden;padding:0}.card_box{display:flex;height:80px;justify-content:center;margin-bottom:15px;width:100%}.card{-webkit-animation:showUpCard .5s ease-in forwards;animation:showUpCard .5s ease-in forwards;background-color:#bbdffd;border-radius:20px;box-shadow:0 3px 5px #000;height:70px;margin:0 0 20px;padding:0 2.5%;-webkit-user-select:none;user-select:none;width:240px;z-index:0}.del_card,.edit{background-color:#00568c;border:5px solid #000;border-radius:20px;bottom:-15px;cursor:pointer;display:none;height:20px;position:absolute;right:-15px;width:20px;z-index:5}.del_card{background-color:#ff7676;right:-15px;top:-15px}.hidden{display:none}.dragImage{padding:0 2.5%;position:absolute;width:230px}.card_link{height:100%;justify-content:center;width:100%}.add_list_label,.card_link{align-items:center;display:flex}.add_list_label{box-shadow:0 3px 5px #000;cursor:pointer;margin-top:10px}.add_list_label p{text-align:center;width:100%}.add_list_form{align-items:center;box-shadow:0 3px 5px #000;display:flex;flex-direction:column;justify-content:center;margin-top:10px;position:relative}.add_list_form input{background-color:#f1c763;border-radius:15px;height:35px;outline:none;width:85%}.add_list_form .delete_button{display:block;position:static;z-index:2}.button_panel{flex-direction:row}.add_list_submit,.button_panel{align-items:center;display:flex;justify-content:center}.add_list_submit{background-color:#318bc6;border:2px solid #000;border-radius:10px;font-size:10px;height:25px;margin-right:10px;width:150px}.add_list_submit:hover{background-color:#47a1ea}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{background-color:#00568c;height:100vh;width:100%}.display_center{align-items:center;display:flex;justify-content:center}.outer_circle{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:10px solid #ed8c6b;border-bottom-color:#efd390;border-radius:50%;height:100px;width:100px}.log_out{align-items:center;background-color:#ed8c6b;border-radius:10px;box-shadow:0 3px 5px #000;display:flex;font-size:15px;height:48px;justify-content:center;position:absolute;right:20px;top:26px;width:75px}@media(max-width:450px){.log_out{bottom:20px;margin:0;padding:0 20px;right:auto;top:auto;width:230px}}h6{font-size:30px;letter-spacing:1px;margin:0}.card_modal_area{align-items:center;-webkit-animation:showUpCard 1s forwards;animation:showUpCard 1s forwards;background-color:hsla(0,0%,8%,.2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.card_modal{background-color:#bbdffd;border:5px solid #00568c;border-radius:20px;box-shadow:0 0 20px 2px #000;height:500px;padding:50px;position:relative;width:750px}.card_modal p{font-size:20px;margin:10px 0}.card_modal span{text-decoration:underline}.card_modal .delete_button{display:flex;height:30px;margin:30px;width:30px}.participants_label{font-size:22px;text-transform:uppercase}.participants{align-items:center;display:flex;flex-direction:row;margin-bottom:20px}.add_participant,.participant{background-color:#ed8c6b;border:var(--main-border);border-radius:50px;height:50px;margin:0 10px 0 0;width:50px}.add_participant,.change_description,.join_button{background-color:#e8c76d}.add_participant{font-size:30px;padding:0}.join_button{border-radius:15px;height:50px;width:100px}.description_label{font-size:22px;font-weight:700}.description_input{background-color:#c3d3ff;border:none;border-radius:10px;font-size:20px;height:180px;outline:none;padding:10px;resize:none;width:calc(60% - 20px)}.description_input_changed{border:2px solid #000;outline:medium none invert;outline:initial}.change_description{border-radius:20px;display:block;height:50px;width:100px}.actions{display:flex;flex-direction:column;position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.action{margin:15px 0;width:250px}.delete_action_button{background-color:#ed8c6b}.delete_action_button:hover{background-color:#f39a83}#lists,.option{background-color:#95b7ff;border:var(--main-border);border-radius:10px;color:#fff;font-family:var(--main-font);font-size:20px;height:50px;text-align:center}@media(max-width:450px){.card_modal_area{width:100vw}.card_modal{align-items:center;display:flex;flex-direction:column;height:90vh;padding:5%;width:80%}.add_participant,.join_button,.participant,.participants_label{display:none}.description_input{height:50vh;margin-bottom:40px;overflow:scroll;width:90%}.actions{align-items:center;display:flex;flex-direction:row;position:relative;right:auto;top:auto;-webkit-transform:none;transform:none;width:100%}#lists{position:absolute;top:20px;width:100%}.option{width:50%}.action{height:50px;margin-top:100px;width:100px}}h3{font-size:16px;margin:0;text-decoration:none}.board,button.board{background-color:#edcb6b;border-radius:15px;box-shadow:0 3px 5px #000;cursor:pointer;display:flex;height:80px;margin:15px;padding:20px;position:relative;width:180px}.delete_button{align-items:center;background-color:#ff7676;border-radius:20px;display:none;height:15px;justify-content:center;position:absolute;right:5px;top:5px;width:15px;z-index:50}.delete_button:hover{cursor:pointer}.home{align-items:center;display:flex;flex-direction:column;min-height:100vh;position:relative;-webkit-user-select:none;user-select:none}.home .container{align-items:flex-start;display:grid;flex-direction:row;height:auto;justify-content:flex-start;position:relative}a{color:#000;text-decoration:none;z-index:1}a:active{color:#000;color:initial}a:hover div.board{background-color:#f1d591}a:hover .delete_button{display:flex}.home_title{color:#ffc400;font-family:Amatic SC;font-size:50px}.add_board{align-items:center;-webkit-animation:none;animation:none;background-color:#ed8c6b;display:flex;font-size:1em;justify-content:center;position:relative}.add_board:hover{background-color:#eaa78c}.board_creator_div{align-items:center;display:flex;flex-direction:column}@media(max-width:450px){.home_title{margin:20px 0}.home .container{display:flex;flex-direction:column}.add_board{margin-bottom:20px}.log_out{display:block;margin:20px;position:relative}}.board_creator{background-color:#b9cfe7;border:var(--main-border);border-radius:15px;height:160px;margin:0 0 50px;padding:20px;text-align:center;width:180px}#new_board_naming{-ms-overflow-style:none;background-color:inherit;border:3px solid #000;border-radius:15px;font-size:16px;font-weight:700;height:30%;outline:none;overflow-y:scroll;width:calc(100% - 6px)}#new_board_naming::-webkit-scrollbar{width:0}h4{margin:0 0 10px}[contenteditable=true]:empty:not(:focus):before{color:gray;content:attr(data-ph);font-style:italic}.board_creator button{border:3px solid #000;height:auto;margin-top:15px}.login_section,.registration_section{height:100vh;width:100%}.login_area,.registration_area{background-color:#efd390;border-radius:30px;margin:auto;min-width:300px;padding:30px;width:20%}.center_column{align-items:center;display:flex;flex-direction:column;justify-content:center}.login_button{border-radius:10px;font-size:15px;height:40px;margin-top:10px;width:40%}.login_form{width:70%}.login_input{background-color:#fff7e0;border:0 solid #000;border-radius:5px;font-family:Quicksand,sans-serif;height:30px;margin:5px 0;outline:none;padding:2px;width:calc(100% - 14px)}.login_area h1,.registration_area h1{font-family:Amatic SC;font-size:30px;margin:0 0 10px}.login_area form p,.registration_area form p{margin:0}.login_registration_div{display:flex;flex-direction:row;font-family:Amatic SC;font-size:20px;justify-content:center;margin-top:10px}.login_registration_div p{margin:0}.sign_up_proposition{color:#318bc6;cursor:pointer;margin-left:10px;text-decoration:underline}.login_trans-appear{opacity:0}.login_trans-appear-active{opacity:1;transition:opacity .3s ease-in-out}.login_trans-appear-done{opacity:1}.login_trans-exit{-webkit-transform:translate(0);transform:translate(0)}.login_trans-exit-active{-webkit-transform:translateY(20px);transform:translateY(20px);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.login_trans-exit-done{-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:-webkit-transform .5s ease-in -.1s;transition:transform .5s ease-in -.1s;transition:transform .5s ease-in -.1s,-webkit-transform .5s ease-in -.1s}@media(max-width:400px){.login_area{border-left:0;border-right:0;padding-left:0;padding-right:0;width:100%}.login_registration_div{flex-direction:column;text-align:center}.sign_up_proposition{font-size:25px}}.registration_area{min-width:300px;width:25%}.not_valid{background-color:#ffafad;transition:.5s}.registration_form{width:80%}.registration_trans-appear{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}.registration_trans-appear-active{-webkit-transform:translateY(-50vh);transform:translateY(-50vh)}.registration_trans-appear-active,.registration_trans-appear-done{transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.registration_trans-appear-done,.registration_trans-exit{-webkit-transform:translate(0);transform:translate(0)}.registration_trans-exit-active{-webkit-transform:translate(20px);transform:translate(20px);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.registration_trans-exit-done{-webkit-transform:translate(-100vw);transform:translate(-100vw);transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}
/*# sourceMappingURL=main.86b69f39.css.map*/