@import"https://fonts.googleapis.com/css2?family=ADLaM+Display&family=Montserrat+Alternates:wght@100&display=swap";@import"https://fonts.googleapis.com/css2?family=Galdeano&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100&display=swap";.form-page{display:flex;height:90vh;align-items:center;justify-content:center}.prof-pic{background-color:#546273;border-radius:10px 15px;padding:0 1%;margin-bottom:2%}.align{background-color:var(--lgn-bclr);box-shadow:0 8px 16px #0000001f,0 8px 14px #0000003d;padding:30px;border-radius:17px 27px;width:30%;color:var(--text-clr);text-align:center}.form-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:12px}.form-head{font-size:1.9rem;font-weight:bolder}.fix1{margin-bottom:30px}.form-info{font-size:1.3rem}.input-box{display:flex;justify-content:center;align-items:center}.lgn-btn{background-color:#0b7a0b;padding:1% 2%;border:0;box-shadow:3px 3px 4px #4d4d4c;transition:transform .2s,box-shadow .2s,text-shadow .1s}.lgn-btn:active{transform:translate(3px,3px);box-shadow:0 0}.lgn-btn:hover:not(:active){text-shadow:1px 1px 3px white}.form-info>a{color:#42471b}@media only screen and (min-width : 220px) and (max-width : 780px){.align{position:static;width:100%}}.oNavbar{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--nav-clr);border-bottom:2px solid black}.brand-logo{width:2.1rem;aspect-ratio:1}.first-half{display:flex;flex-direction:row}.second-half{display:flex;align-items:center;column-gap:20px;overflow-y:hidden;transition:height .8s}.nav-item{font-size:1.7rem;margin-right:5px}.nav-item{position:relative;padding-bottom:5px}.setted:after{content:"";width:100%!important;height:2px;background-color:#000;position:absolute;bottom:0;left:0}.setted{scale:.9!important}.nav-item>span:after{content:"";width:0;height:2px;background-color:#000;position:absolute;bottom:0;left:0;transition:width .7s}.nav-item:hover>span:after{width:100%}.nav-item:hover{scale:.9;transition:scale 1s}.nav-brand{font-size:1.7rem;font-weight:bolder;font-family:var(--font-style-brand);padding:12px;display:flex;column-gap:.6rem}.nav-item>span>a{color:#000;text-decoration:none}.inside-nav{display:flex;flex-direction:row;justify-content:space-between}.drop-menu{display:none}@media only screen and (min-width : 290px) and (max-width : 880px){.oNavbar{flex-direction:column}.second-half{height:0;flex-direction:column}.drop-menu{margin:5px;display:flex;align-items:center;justify-content:center}}.onechat{background-color:#9d8965;border-radius:0 13px 13px;margin:15px;color:#000;display:inline-block;padding:18px}.map-par{position:relative}.map-par>.g-map-btn{position:absolute;left:1%;top:1%;border-radius:2px;padding:3px;font-size:small;background-color:#f0f8ff;z-index:1000}.type-area,.oneChatDiv{display:flex;align-items:center}.ChatMsg{display:flex;flex-direction:column}.game-req-div{display:flex;flex-direction:column;row-gap:.7rem}.game-req-text{color:#0b0530}.req-bottom{display:flex;align-items:center;column-gap:10px}.opp-side-req{display:flex;width:100%;justify-content:space-around}.req-btns{border:0;font-size:1.1rem;border-radius:5px;display:flex;column-gap:5px;align-items:center;padding:3px 9px}.acc{background-color:#51d266}.rej{background-color:#a92102;color:#cbc2c2}@keyframes tic{0%{content:"O"}20%{content:" O  O";text-decoration:none}40%{content:" O  O  O ";text-decoration:none}60%{text-decoration:line-through}80%{content:""}}.req-title{font-weight:bolder;font-size:1.1rem}.trans-side{display:flex;align-items:center;column-gap:10px;visibility:hidden}.trans-loading-text{font-style:italic}.c-head{text-transform:capitalize}.download-btn{display:flex;justify-content:center;align-items:center;font-size:1.6rem;column-gap:5px;text-transform:uppercase}.img-box>.download-btn{position:absolute;background-color:#fff;font-size:.9rem;border:0;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.image-div{position:absolute;width:100%;top:0;left:0;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(15px)}.img-view-par{width:80%;height:80vh;position:relative}.img-view{width:100%;height:80vh;object-fit:contain}.img-view-par>.control-box{display:flex;position:absolute;top:0;right:0;justify-content:space-between;padding:10px;background-color:#aca9a7;cursor:pointer;opacity:.6;color:red}.control-box:hover{opacity:1}.control-box:active{color:#fff;background-color:#514e4e}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.body-tag{width:100vw;height:100vh;backdrop-filter:blur(10px);color:#000;display:flex;justify-content:center;background-repeat:no-repeat;background-size:cover;align-items:center;flex-direction:column}.container{display:grid;grid-template-columns:repeat(3,auto)}.box{width:100px;height:100px;border:2px solid blanchedalmond;box-shadow:0 0 0 2px #ffebcd;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#0ff;font-size:25px}#status{padding:20px;font-size:25px;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#7fff00}.win{animation:winAnimation ease-in-out 1s infinite}@keyframes winAnimation{0%{background-color:#ff69b4}to{background-color:#5f9ea0}}.load-page{display:flex;justify-content:center;align-items:center;height:90vh;backdrop-filter:blur(8px)}.load-main{display:flex;flex-direction:column;justify-content:center}.logo-img>div{height:120px;aspect-ratio:1;background-image:url(./icons8-chat-96.png);background-repeat:no-repeat;object-fit:cover;margin:auto}.load-text>span{font-weight:bolder;font-size:1.3rem}.load-status-desc:after{content:"";position:absolute;margin-left:4px;animation:loadDot 1s infinite}.load-text{display:flex;flex-direction:column;row-gap:10px}.load-line{height:5px;width:120%;background-color:#31d928;transition:width 1.2s}.main-page{display:flex;flex-direction:row;width:100%;justify-content:flex-start;color:#ccc}.list-section{border-right:1px solid grey;max-width:300px;height:90vh;transition:max-width .9s;overflow-x:hidden;overflow-y:auto}.par-msg-box:hover .trans-side{visibility:visible}.list-head{font-weight:bolder;font-size:1.5rem;padding:1%;display:flex;position:relative;justify-content:space-between}.list-head1{font-weight:bolder;font-size:1.5rem;padding:1% 1% 1% 5%;display:flex;align-items:center;position:relative;justify-content:space-between}.i1,.i2{position:absolute;right:10px}.chat-page{height:90vh;flex-grow:100;display:flex;flex-direction:column;justify-content:space-between}.chat-head{padding:7px;margin:10px;color:#000;border-radius:7px 17px;background-color:var(--rec-box-clr)}.c-head{padding:1%;border-radius:8px 12px}.OneBox{font-size:1.5rem;padding:11px;border-radius:8px 9px;border-bottom:1px solid grey;user-select:none}.OneBox:last-child{border-bottom:0}.OneBox:hover{background-color:#3062a8}.OneBox:before{background-color:red}.chat-space{font-size:1.3rem;padding:10px;border-radius:13px;width:80%}.type-area{padding-top:1%;width:100%;margin-top:auto;display:flex;justify-content:center;column-gap:10px}.send-btn{text-align:center;border-radius:13px;font-size:1.3rem;padding:12px;margin:0;border:0;background-color:#688bc4;box-shadow:3px 3px 4px #000;transition:transform .2s,box-shadow .2s}.send-btn:active{transform:translate(3px,3px);background-color:#5a81bf;box-shadow:0 0;opacity:1.3}.send-btn:hover:not(:active){text-shadow:1px 1px 3px white}.c-head{font-size:1.5rem}.bold{font-weight:bolder}.mid-area{overflow-y:auto;scroll-behavior:smooth}.msg-rec{display:flex;flex-direction:row;align-items:center;width:92%;margin:auto;column-gap:20px}.one-rec{padding:12px;background-color:var(--rec-box-clr);border-radius:13px}.one-rec:hover{cursor:pointer;background-color:var(--rec-box-hv)}.rec-head{font-weight:700;font-size:1.2rem}.add-btn{background-color:transparent;border:0;display:flex;font-weight:600;align-items:center;color:#12743c;cursor:pointer}.list-head>span{display:flex;align-items:center}.form-section{display:flex}.input-div{height:0;overflow:hidden;transition:height 1s}.pad-med{padding:.7rem .2rem}.extra-cust{font-size:.7rem}.extra-cust::placeholder{color:#222020}.add-btn2{padding:.4rem;box-shadow:4px 4px 2px #000;margin-right:10px}.list{border-radius:10px 12px;color:#000;background-color:var(--rec-box-hv);padding:2% 4%;margin:2% 4%}.list-copy{border-radius:10px 12px;color:#000;background-color:var(--rec-box-hv);padding:4% 0 4% 2%;margin:2% 4%}.rec-load{font-size:1.1rem;width:260px;animation:blinking 3s infinite;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all 1s}.rec-load:after{content:"";margin-left:3px;font-size:1.1rem;font-weight:bolder}@keyframes loadDot{0%{content:"."}30%{content:".  ."}70%{content:".  .  ."}}@keyframes blinking{0%{opacity:0}40%{opacity:1}}@media only screen and (min-width : 220px) and (max-width : 680px){.chat-page{display:none;width:90%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f4}.container1{max-width:1200px;margin:0 auto;padding:20px;height:80vh;font-size:1.2rem}.header{background-color:#343a40;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.title{font-size:24px}.nav-list{list-style:none}.nav-list li{display:inline;margin-right:20px}.nav-list a{color:#fff;text-decoration:none;font-weight:700}.section1{background-color:#fff;padding:40px 0}.section1-title{font-size:3.3rem;margin-bottom:4rem;text-align:center;font-weight:bolder}.section1-title1{font-size:9rem;margin-bottom:10px;font-family:ADLaM Display,cursive}.section1-content{display:flex;flex-direction:row;align-items:center;justify-content:center;height:90%;object-fit:contains;column-gap:30px}.intro{max-width:600px;text-align:center;margin-bottom:20px}.app-image{width:100%;max-width:400px;height:40vh}.features{background-color:#f4f4f4}.feature{display:flex;margin-bottom:40px}.feature-image{flex:1;text-align:center}.feature-image img{max-width:200px;height:auto}.feature-info{flex:2;display:flex;flex-direction:column;padding-left:20px;justify-content:center}.feature-title{font-size:3.1rem;margin-bottom:10px}.feature-info p{font-size:16px;line-height:1.5}.container-cont{display:flex;justify-content:center;column-gap:30px}.developer-row{display:flex;align-items:center;flex-direction:column;width:280px;margin-bottom:20px;border:1px solid #e1e1e1;border-radius:8px;padding:10px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.developer-photo{flex:0 0 auto;width:140px;height:140px;overflow:hidden;border-radius:50%;margin:20px}.developer-photo img{width:100%;height:100%;object-fit:cover}.developer-info{flex:1;text-align:center}.developer-info h3{font-size:1.5rem;margin:0;color:#333}.developer-info p{font-size:1rem;margin:5px 0;color:#666}.App{height:100vh;width:100%;margin:auto;position:absolute;left:0;font-family:var(--font-style)}button{font-size:1.3rem;background-color:var(--btn-clr);font-weight:bolder;border-radius:9px 11px;display:flex;flex-direction:row}button:active{background-color:var(--btn-act)}.input-div{display:flex;flex-direction:row;align-items:center}.input-cust{font-size:1.5rem;border:0px;width:100%;background-color:transparent;border-bottom:2px solid rgb(71,70,70);margin:18px}.input-cust:focus{border-bottom:3px solid black;outline:none}.input-cust::placeholder{color:#343232}html{scroll-behavior:smooth}.img-prof{--g: 4px;--b: 12px;--c: #088178;height:200px;aspect-ratio:1;padding:calc(var(--g) + var(--b));object-fit:cover;--_c: #0000 0 25%, var(--c) 0 50%;border-radius:10px;--_g1: repeating-linear-gradient(90deg ,var(--_c)) repeat-x;--_g2: repeating-linear-gradient(180deg,var(--_c)) repeat-y;background:var(--_g1) var(--_p, 25%) 0,var(--_g2) 0 var(--_p,125%),var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p, 25%);background-size:200% var(--b),var(--b) 200%;cursor:pointer;transition:.3s}.img-prof:hover{--_p: 75%;filter:grayscale(0%)}.profile-tab-nav{background:#E3E6F3;border-radius:0;box-shadow:0 5px 15px #0000000f;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 40px;z-index:999;position:sticky;top:0;left:0}.profile-tab-nav .img-square{width:200px;height:200px;background-color:#e3e6f3;overflow:hidden;box-shadow:0 5px 10px #0000001a}.profile-tab-nav .img-square{width:100%;height:auto}.profile-tab-nav .hh4{margin-top:10px;font-size:18px;font-weight:500}.profile-tab-nav .nav-link{padding:10px 0;color:#333;transition:.3s}.profile-tab-nav .nav-link.active{color:#088178;border-left:5px solid #088178;background-color:#f9f9f9}.tab-content{flex:1;padding:30px;background:#E3E6F3;box-shadow:0 5px 15px #0000001a}.tab-content .hh3{font-size:24px;font-weight:500;margin-bottom:20px}.tab-content .form-group label{font-weight:500}.tab-content .form-control{border-radius:10px}.btn-primary{position:relative;box-sizing:border-box;display:inline-block;overflow:hidden;padding:8px 20px;margin:0 3px 6px;text-align:center;border:2px solid rgb(255,255,255);text-decoration:none;color:#fff;white-space:nowrap;z-index:0}.btn-primary i{padding-right:8px}.btn-primary .hb-border-bottom{border-color:#fff;transition-duration:.3s;transition:border-left-color .1s linear .14s,border-top-color .1s linear .07s,border-right-color .1s linear 0s}.btn-primary:hover .hb-border-bottom{border-color:initial;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;transition:border-left-color .1s linear 0s,border-top-color .1s linear .07s,border-right-color .1s linear .14s}.btn-light{position:relative;box-sizing:border-box;display:inline-block;overflow:hidden;padding:8px 20px;margin:0 3px 6px;text-align:center;border:2px solid rgb(255,255,255);text-decoration:none;color:#5af;white-space:nowrap;z-index:0}.btn-light i{padding-right:8px}.btn-light .hb-border-bottom{border-color:#fff;transition-duration:.3s;transition:border-left-color .1s linear .14s,border-top-color .1s linear .07s,border-right-color .1s linear 0s}.btn-light:hover .hb-border-bottom{border-color:initial;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;transition:border-left-color .1s linear 0s,border-top-color .1s linear .07s,border-right-color .1s linear .14s}:root{opacity:1;--nav-clr: #bfddff6e;--msg-box-clr: var(--nav-clr) ;--rec-box-clr:var(--nav-clr) ;--rec-box-hv: #7f94b0;--text-clr: rgb(34, 34, 33);--btn-clr: ;--btn-hv: ;--btn-act: ;--lgn-bclr: var(--nav-clr);--font-style: "Galdeano", sans-serif;--font-style-brand: "Montserrat Alternates", sans-serif}body{padding:0;margin:0;height:100vh;width:100%;background-color:#7892b2;background-image:url(https://www.transparenttextures.com/patterns/dark-wood.png)}body>div{opacity:1}