body{margin:0}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #000000a3}::-webkit-scrollbar-thumb{background-color:#000;outline:1px solid rgb(0,0,0)}.home_cont{width:100%}.home_main{width:100%;height:100vh;display:flex;align-items:center;justify-content:space-evenly;background-color:#bff5dd;background-color:#f3a4d4;background-color:#91b4e6;background-color:#eedda9}.home_main_left{display:flex;align-items:center;justify-content:center;width:550px;height:550px;border-radius:100%;background-color:#23de93;background-color:#f72ca6;background-color:#1f78f6;background-color:#ebb618;box-shadow:0 0 100px #0000004a}.home_main_left>img{width:500px}.animate_img{animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-fwd{0%{transform:translateZ(-80px);opacity:0}to{transform:translateZ(0);opacity:1}}.home_main_right{max-width:600px}.home_main_right h1{font-family:Roboto,sans-serif;font-size:70px}.home_main_right h1 span{color:#23de93;color:#f72ba6;color:#1f78f6;color:#ebb618;-webkit-text-stroke:.5px black}.home_main_right h2{font-family:Roboto Mono,monospace;font-size:30px}.home_main_right p{font-size:20px}.step1{display:flex;align-items:center;justify-content:space-evenly;background-color:#021238;padding:40px 0}.step1_left{max-width:700px}.step1_left h1{font-size:50px;color:#23de93}.step1_left p{font-size:20px;color:#fff}.step1_right img{width:500px}.step2_right h1{color:#f72ca6}.step3_left h1{color:#ebb618}.step4_right h1{color:#f90404}.step5_left h1{color:#04e0f9}.getstarted{width:100%;display:flex;align-items:center;justify-content:center;background-color:#021238;padding:50px 0}.getstarted button{width:200px;height:50px;border-radius:40px;background-color:transparent;border:2px solid #f72ba6;font-size:20px;color:#f72ba6;cursor:pointer;transition:.7s all}.getstarted button:hover{background-color:#f72ba6;color:#021238}.footer{width:100%;background-color:#021238;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.footer>div{width:90%;height:2px;background-color:#fff}.footer p{font-size:15px;color:#fff}.home_cont h1{font-family:Roboto,sans-serif}.nav{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.nav img{width:150px;margin-left:40px}.nav button{width:200px;height:50px;border-radius:40px;background-color:#f72ba6;border:2px solid #f72ba6;font-size:20px;color:#021238;cursor:pointer;transition:.7s all;margin-right:40px}.nav button:hover{background-color:transparent;color:#f72ba6}@media screen and (max-width: 600px){.home_main{justify-content:end}.home_main_left{position:absolute;top:50px;left:-300px}.home_main_left>img{width:500px}.home_main_right{max-width:250px;height:100vh;z-index:10;background-color:#0000007c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;padding-left:10px;flex-direction:column;align-items:center;justify-content:center}.home_main_right h1{font-size:30px;color:#f5f5f5}.home_main_right h2{font-size:15px;color:#f5f5f5}.home_main_right p{font-size:10px;color:#f5f5f5}.step1{flex-direction:column;align-items:center;padding:40px 0}.step1_left{max-width:90%}.step1_left h1{font-size:30px;color:#23de93}.step1_left p{font-size:20px;color:#fff}.step1_right img{width:90%}.step2_right h1{color:#f72ca6}.step3_left h1{color:#ebb618}.step4_right h1{color:#f90404}.step5_left h1{color:#04e0f9}.step2,.step4{flex-direction:column-reverse}.nav{z-index:20}.nav img{width:130px;margin-left:10px}.nav button{width:150px;height:30px;margin-right:10px}}.createroom_cont{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#032d2d;color:#f0f8ff}.cr_head h1{font-size:100px;color:#8cfbdd}.cr_room{display:flex;flex-direction:column;align-items:center;justify-content:center}.cr_room button{width:300px;height:70px;font-size:30px;cursor:pointer;transition:.5s all}.cr_room button:active{transform:scale(.9)}.cr_room button:hover{background-color:#c8c7c7}.cr_room>div{display:flex;flex-direction:column;align-items:center}.cr_room>div input{height:40px;font-size:20px;padding:10px}.create_room_card_cont{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000097;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create_room_card{background-color:#c8e0f4;border-radius:20px;color:#000;padding:30px}.create_room_card h1{margin:0}.create_room_card button{margin:0 10px}.temptemp{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.previousRoomCont{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background-color:#ffffff51;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.previous_rooms{min-width:400px;min-height:500px;background-color:#add2f3;border-radius:20px;display:flex;padding:20px;gap:10px;max-height:80%}.your_rooms{border:1px solid black;padding:0 10px}.rtemp{display:flex;flex-direction:column;align-items:center;gap:10px;overflow-y:scroll;background-color:transparent}.your_rooms h1{color:#000}.your_rooms div div{background-color:#fff;color:#000;padding:0 10px;border-radius:10px;border:1px solid black}.h3{font-size:30px}@media screen and (max-width: 600px){.createroom_cont{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#032d2d;color:#f0f8ff}.cr_head h1{font-size:30px;color:#8cfbdd}.create_room_card h1{font-size:25px}.previous_rooms{min-width:200px;min-height:300px;padding:20px;gap:10px;max-width:75%;max-height:80%}.your_rooms{border:1px solid black;padding:0 10px}.rtemp{display:flex;flex-direction:column;align-items:center;gap:10px;overflow-y:scroll;background-color:transparent}.your_rooms h1{font-size:15px}.your_rooms div div{padding:0 6px}.your_rooms div div p{font-size:10px;margin:4px 0}.h3{font-size:20px}}.room_cont{position:relative;width:100%;height:100vh;background-color:#0b033c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.room_cont>h5{position:absolute;top:-30px;right:30px;color:#d5d6f8;font-size:20px}.room_cont>h4{position:absolute;top:-30px;left:30px;color:#d5d6f8;font-size:20px}.who_are_you{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#032d2d;z-index:10;display:flex;flex-direction:column;align-items:center}.who_are_you h1{font-size:80px;color:#8cfbdd}.who_are_you select{width:300px;height:50px;margin-bottom:30px}.who_are_you button{width:200px;height:50px}.room_options{width:90%;display:flex;align-items:center;justify-content:space-between}.room_options>div{position:relative}.add_room{position:absolute}.add_member{position:absolute;top:0;left:0;padding:30px;z-index:2;background-color:#ffffff8e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center}.room_options button{width:300px;height:50px;clip-path:polygon(0 0,80% 0,100% 100%,20% 100%);font-size:30px;background:linear-gradient(45deg,rgb(255,0,93),rgb(244,126,173));border:1px solid red;color:#0b033c;font-weight:700}.add_member button{width:150px}.amb{display:flex;gap:10px}.room_chat{width:90%;height:500px;background:radial-gradient(rgb(241,196,203),rgb(248,176,188),rgb(238,132,150));border:10px solid red;box-shadow:inset 0 0 20px #000}.chat_msg{width:100%;height:80%;padding:18px 18px 0;overflow-y:scroll}.chat_msg h1{margin:0}.msg_input{width:100%;height:17%;display:flex;align-items:center;justify-content:space-evenly;background-color:red}.msg_input input{width:70%;height:50px;background-color:#f5f5f5;border:4px solid #0b033c;border-radius:40px;font-size:15px;padding:3px 20px}.msg_input button{width:20%;height:50px;background-color:#0b033c;border:none;border-radius:40px;color:#fff;font-size:30px}.msg{background-color:#0b033c;width:fit-content;color:#f0f8ff;padding:5px 30px;border-radius:20px;max-width:80%;margin:20px 0;word-wrap:break-word}.sameMsg{background-color:#034e23}.msg h1{margin:0;font-size:12px;color:#f9ed0a}.msg p{margin:0;font-size:20px}.room_expense{display:flex;align-items:center;justify-content:space-evenly}.room_expense_left{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.room_expense_left button{width:100%;height:38px;background-color:#0b033c;border:none;color:#fff;font-size:20px}.payments{width:100%;height:400px;background-color:#fff;border:2px solid #0b033c;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.pay{width:90%;display:flex;align-items:center;justify-content:space-between}.pay_left{display:flex;flex-direction:column;gap:5px}.pay_left h1{font-size:20px;margin:0}.pay_left p{font-size:13px;margin:0}.pay_right{display:flex}.pay_right p{font-size:18px}.room_expense_right{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.room_expense_right h1{margin:0;color:#0b033c}.liquidation{width:100%;height:400px;background-color:#fff;border:2px solid #0b033c}.dialog_cont{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000ad;display:flex;align-items:center;justify-content:center}.dialog_main{width:600px;height:fit-content;background-color:#d5d6f8;padding:20px}.dialog_main h2{margin:0}.dialog_main select,input{width:90%;height:40px;border:2px solid rgb(2,22,65);margin-bottom:20px}.inpt{width:20px;height:20px;margin-bottom:0}.dialog_main>div{display:flex;flex-wrap:wrap;gap:50px}.dialog_main>div>div{display:flex;gap:10px;align-items:center}.dialog_btn{display:flex;width:100%;align-items:center;justify-content:center}.dialog_btn button{width:200px;height:50px;clip-path:polygon(0 0,80% 0,100% 100%,20% 100%);font-size:30px;background:linear-gradient(45deg,rgb(255,0,93),rgb(244,126,173));border:1px solid red;color:#0b033c;font-weight:700}.room_info{display:flex}.room_info_left{width:50%;height:100%;padding:0 20px;display:flex;flex-direction:column;align-items:center}.room_info_right{width:50%;height:100%;padding:0 20px;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.room_info_left>div{display:flex;gap:20px;align-items:center}.room_info_left>div p{font-size:30px;font-weight:700}.room_info_right p{font-size:25px;font-weight:700;margin:5px 0}.liquidation{display:flex;flex-direction:column;align-items:center;overflow:scroll;overflow-x:hidden}.liquidation button{width:90%;background-color:#021641;color:#fff;height:30px;margin-top:5px;cursor:pointer}.liquidation div{display:flex;align-items:center;gap:20px}.liquidation div p{font-size:20px;font-weight:700}.self{background-color:#09f319;padding:5px;border-radius:5px}.loader-container{display:flex;align-items:center;justify-content:center;height:100vh}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paymentInfo{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000063;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.paymentInfoDialog{width:fit-content;height:fit-content;padding:20px;background-color:#fff;border-radius:20px;max-width:500px;background-color:#c3dff7b7}.paymentInfoDialog h1,h2{font-weight:400}.paymentInfoDialog div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media screen and (max-width: 600px){.paymentInfoDialog{max-width:80%;background-color:#c3dff7b7}.paymentInfoDialog h1,.paymentInfoDialog h2{font-size:20px;font-weight:400}.room_cont{gap:20px;min-height:100vh}.room_cont>h5{position:absolute;top:-30px;right:30px;color:#d5d6f8;font-size:20px}.room_cont>h4{position:absolute;top:-28px;left:30px;color:#d5d6f8;font-size:20px}.who_are_you{justify-content:center}.who_are_you h1{font-size:30px}.room_options{width:95%}.add_room{position:absolute}.add_member{position:absolute;top:0;left:0;padding:30px;z-index:2;background-color:#ffffff8e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center}.room_options button{width:80px;height:40px;clip-path:polygon(0 0,85% 0,100% 100%,15% 100%);font-size:13px;word-wrap:normal}.add_member button{width:150px}.amb{display:flex;gap:10px}.room_chat{width:90%;min-height:500px;background:radial-gradient(rgb(241,196,203),rgb(248,176,188),rgb(238,132,150));border:10px solid red;box-shadow:inset 0 0 20px #000}.chat_msg{width:100%;height:90%;padding:0}.chat_msg h1{margin:0}.msg_input{width:100%;height:10%;justify-content:space-between}.msg_input input{width:70%;height:30px;border-radius:10px;font-size:15px;padding:0;margin:0%}.msg_input button{width:20%;height:30px;border-radius:10px;font-size:10px}.msg{padding:5px 20px;border-radius:10px;max-width:80%;margin:20px 10px}.msg h1{font-size:10px}.msg p{font-size:15px}.room_expense{flex-direction:column}.room_expense_left{width:95%;height:40%;gap:10px}.room_expense_left button{width:100%;height:28px;background-color:#0b033c;border:none;color:#fff;font-size:20px}.payments{width:100%;height:400px;background-color:#fff;border:2px solid #0b033c;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.pay{width:90%;display:flex;align-items:center;justify-content:space-between}.pay_left{display:flex;flex-direction:column;gap:3px}.pay_left h1{font-size:12px;margin:0}.pay_left p{font-size:10px;margin:0}.pay_right{display:flex}.pay_right p{font-size:12px}.room_expense_right{width:95%;height:45%;gap:10px}.room_expense_right h1{margin:0;color:#0b033c;font-size:23px}.liquidation{width:100%;height:400px;background-color:#fff;border:2px solid #0b033c}.dialog_cont{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000ad;display:flex;align-items:center;justify-content:center}.dialog_main{width:300px;height:fit-content;max-height:90%;background-color:#d5d6f8;padding:10px}.dialog_main h2{margin:0;font-size:15px}.dialog_main select,input{width:90%;height:20px;border:2px solid rgb(2,22,65);margin-bottom:20px}.inpt{width:20px;height:20px;margin-bottom:0}.dialog_main>div{display:flex;flex-wrap:wrap;gap:20px}.dialog_btn button{width:100px;height:30px;clip-path:polygon(0 0,85% 0,100% 100%,15% 100%);font-size:16px}.room_info{flex-direction:column;align-items:center}.room_info_left{width:95%;height:fit-content;padding:0;border-bottom:2px solid black}.room_info_right{width:95%;height:50%;padding:0;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.room_info_left>div{display:flex;gap:10px;align-items:center}.room_info_left>div p{font-size:20px;font-weight:700}.room_info_left>div h1{margin:0;font-size:20px}.room_info_right p{font-size:15px}.liquidation div{gap:15px}.liquidation div p{font-size:14px}}