.loading_div{display:flex;justify-content:center;align-items:center}.dashboard{display:flex;position:relative;height:80vh}.all_list{position:absolute;z-index:2;display:flex;text-align:center}.main_dashboard{position:relative;display:flex;width:50vw;height:80vh;margin:auto;flex-direction:column;align-items:center;z-index:0}.new_list_title{color:#000;font-size:xx-large;font-family:Verdana,Geneva,Tahoma,sans-serif}.new_list_btn{position:absolute;top:3vh;right:10px;z-index:2}.new_list_btn:active{transform:scale(.95)}.input_dash{background-color:#000;height:5vh;font-size:larger;border:none;border-bottom:2px solid #fff}.input_dash:focus{border-right-color:transparent;outline:none}.input_dash::placeholder{font-size:larger}.input_title{color:#000;font-size:5vh;height:8vh;border-bottom:2px solid #000;background-color:transparent;width:100%;margin-top:5vh}.input_title::placeholder{color:#000}.input_title:focus{color:#000}.title_card_label{color:#000;font-size:50px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center}.title_box{width:100vw;position:relative}#Title_change_card{font-size:2vw;background-color:#fff;position:absolute;top:10vh;left:35vw;height:40vh;width:40vw;border:2px solid #fff;border-radius:30px;display:flex;align-items:center;flex-direction:column;z-index:2}.title_card_close{position:absolute;top:20px;right:30px;cursor:pointer}.title_card_close:active{transform:scale(.95)}.delete_list{margin:20px;width:500px;background-color:hsla(0,94%,81%,.934)}.delete_list:hover{background-color:#f63636}.delete_list:active{transform:scale(.95)}.feature_dash{display:flex;margin:20px 0 0}@media only screen and (max-width:800px){.dashboard{display:flex}#Title_change_card{left:25vw;width:50vw}.input_dash{width:50vw}.input_dash::placeholder{font-size:large}.delete_list{width:70vw}.input_title{width:100%}.title_card_label{font-size:5vw}}@media only screen and (max-width:500px){#Title_change_card{left:20vw;width:60vw}.input_title{width:50vw}.title_card_label{font-size:10vw}}.main{display:flex;flex-direction:column;margin-top:5vh;color:#fff;align-items:center;text-align:center}.main input[type=text]{width:30vw;background-color:hsla(0,0%,100%,0);height:5vh;font-size:large;border:none;border-bottom:2px solid #fff}.main input[type=text]:focus{outline:none}.main input[type=text]::placeholder{font-size:larger}.input{width:50vw;display:flex;justify-content:center;align-items:center}.title{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:xx-large;margin:4vh;position:relative;text-transform:capitalize;color:var(--dark)}.title:hover{color:var(--dark);cursor:pointer}.title:before{content:"";position:absolute;bottom:-10px;left:0;width:0;height:3px;background-color:var(--pri);transition:all .5s}.title:hover:before{width:100%}.listbox{background-color:#fff;color:#000;margin-top:5vh;border-radius:5px;width:500px;height:300px;overflow-y:auto}.list{text-align:left;margin:20px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:large}.list li{display:flex;flex-direction:column;justify-content:center;min-height:50px;position:relative;border-bottom:1px solid var(--pri);padding-right:50px}.list_btn{position:absolute;top:50%;transform:translateY(-50%);margin:0;display:none;z-index:1}.list li:hover .list_btn{display:inline-block}.delete_btn{right:10px}.edit_btn{right:100px}.feature{margin:5vh}.feature_btn{margin:5px}@media screen and (max-width:800px){.listbox{width:70vw}.main{margin-top:5vh}.feature_btn{font-size:medium}.main input[type=text]{width:50vw}.main input[input=text]::placeholder{font-size:large}}.all_list_component{border-radius:10px 0 40px 0;background-color:#ffe9ff;height:80vh;width:20vw}.all_list_toggle{height:40px;display:none}.all_list_toggle:target{animation:rotate_angle forwards 1s ease-in-out 1 forwards}@keyframes rotate_toggle{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.Msg_tag{color:#ff8dff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:70vh;width:100vw;display:flex;justify-content:center;align-items:center;font-size:5vw}@media only screen and (max-width:800px){.all_list_toggle{height:40px;position:absolute;left:5px;display:block}.animation_All_list{animation:all_list .2s ease-out 1 forwards}.animation_close{animation:close_all_list .2s ease-in 1 forwards}@keyframes close_all_list{0%{width:30vw}to{width:10vw}}@keyframes all_list{0%{width:10vw}to{width:30vw}}.Msg_tag{font-size:xx-large}}@media only screen and (max-width:500px){.all_list_toggle{height:40px;position:absolute;left:5px;display:block}.animation_All_list{animation:all_list .2s ease-out 1 forwards}.animation_close{animation:close_all_list .2s ease-in 1 forwards}@keyframes close_all_list{0%{width:50vw}to{width:10vw}}@keyframes all_list{0%{width:10vw}to{width:50vw}}.Msg_tag{font-size:larger}}.All_list_btn{border:2px solid #000;background-color:#fabcfa;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;color:#000;margin:2px 0;border-radius:20px}