@media screen and (min-width:1440){:root{font-size:1.2rem}}:root{--primary-color:#0e2a47;--secondary-color:#e73635}*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}.container,.vertical-container{align-items:center;display:flex;justify-content:space-between;margin:auto;width:calc(min(60rem, 80%))}.vertical-container{flex-direction:column}.btn{background-color:#e73635;background-color:var(--secondary-color);border:hsla(0,0%,100%,.5);border-radius:1rem;color:#fff;cursor:pointer;font-size:1rem;min-width:6rem;outline:none;padding:.5rem 1rem;text-align:center}.btn:hover{opacity:.8}.display-none{display:none}.navbar{background-color:var(--primary-color);display:grid;height:5rem;place-items:center;width:100%}.app-name{cursor:pointer;font-size:1.5rem;font-weight:700}.app-name .first-part{color:green}.app-name .second-part{color:var(--secondary-color)}.app-name .first-t,.app-name .second-t{background-color:initial;box-shadow:0 0 2rem var(--secondary-color)}.container ul{display:flex;list-style:none}.container a{border-radius:1rem;color:green;font-size:.9rem;padding:.4rem .8rem;text-decoration:none}.container a:hover{background-color:var(--secondary-color);color:var(--primary-color);cursor:pointer}.background{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='560' preserveAspectRatio='none'%3E%3Cg mask='url(%26quot;%23a%26quot;)' fill='none'%3E%3Cpath fill='%230e2a47' d='M0 0h1440v560H0z'/%3E%3Cpath d='M1233.24 514.45h38.44v2.24h-38.44z' stroke='%23d3b714'/%3E%3Cpath d='M370.12 271.46a39.88 39.88 0 1 0 79.76 0 39.88 39.88 0 1 0-79.76 0zM176.69 369.96a53.96 53.96 0 1 0 107.92 0 53.96 53.96 0 1 0-107.92 0z' stroke='%23e73635'/%3E%3Cpath d='M1205.85 519.06a30.28 30.28 0 1 0 60.56 0 30.28 30.28 0 1 0-60.56 0z' stroke='%23d3b714'/%3E%3Cpath d='M131.61 237.53h53.75v53.75h-53.75z' fill='%23e73635'/%3E%3Cpath d='M1432.88 149.74a32.38 32.38 0 1 0-5.27 64.54z' stroke='%23d3b714'/%3E%3Cpath d='M599.09 490.85a55.19 55.19 0 1 0 110.38 0 55.19 55.19 0 1 0-110.38 0zM1227.73.91h32.47v38.61h-32.47z' fill='%23e73635'/%3E%3Cpath d='M1390.78 549.33a16.05 16.05 0 1 0 32.1 0 16.05 16.05 0 1 0-32.1 0z' fill='%23037b0b'/%3E%3Cpath d='M1374.22 192.78a19.67 19.67 0 1 0-37.62-11.49z' fill='%23e73635'/%3E%3Cpath d='M29.08 172.82a42.85 42.85 0 1 0 46.88-71.73z' fill='%23037b0b'/%3E%3Cpath d='M54.92 551.46a9.59 9.59 0 1 0 19.18 0 9.59 9.59 0 1 0-19.18 0zM620.79 394.28h34.23v48.37h-34.23z' stroke='%23037b0b'/%3E%3Cpath d='M1264.37 304.23h9.67v9.67h-9.67zM322.44 186.53h40.28v29.34h-40.28z' stroke='%23d3b714'/%3E%3Cpath d='M491.05 102.55h18.77v21.22h-18.77z' stroke='%23e73635'/%3E%3Cpath d='M1363.12 442.4a49.15 49.15 0 1 0 98.3 0 49.15 49.15 0 1 0-98.3 0z' fill='%23e73635'/%3E%3Cpath d='M519.9 321.36a.76.76 0 1 0 1.46-.4zM315.85 406.01a33.51 33.51 0 1 0-30.21-59.82z' stroke='%23e73635'/%3E%3Cpath d='M125.15 45.13h44.94v14.13h-44.94z' fill='%23e73635'/%3E%3Cpath d='M-14.7 357.64a55.81 55.81 0 1 0 111.62 0 55.81 55.81 0 1 0-111.62 0zM350.12 519.4h1.76v27.74h-1.76zM1439.8 541.04h41.51v25.51h-41.51z' stroke='%23e73635'/%3E%3Cpath d='M1147.8 44.22h17.47v35.1h-17.47zM278.71 155.2h4.56v21.92h-4.56z' stroke='%23037b0b'/%3E%3Cpath d='M832.83 443.86h42.9v42.9h-42.9z' stroke='%23e73635'/%3E%3Cpath d='M1387.34 360.27h33.21v26.83h-33.21zM825.56 428.24h31.26v31.26h-31.26zM509.88 354.31a33.7 33.7 0 1 0 25.02-62.59z' fill='%23e73635'/%3E%3Cpath d='M161.2 342.26a26.88 26.88 0 1 0 53.76 0 26.88 26.88 0 1 0-53.76 0z' fill='%23037b0b'/%3E%3Cpath d='M1157.29 76.2a31.17 31.17 0 1 0-7.44 61.9z' stroke='%23d3b714'/%3E%3Cpath d='M882.43 262.83a8.94 8.94 0 1 0 17.88 0 8.94 8.94 0 1 0-17.88 0z' fill='%23e73635'/%3E%3Cpath d='M696.55 372.85a23.41 23.41 0 1 0 46.82 0 23.41 23.41 0 1 0-46.82 0z' fill='%23d3b714'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='a'%3E%3Cpath fill='%23fff' d='M0 0h1440v560H0z'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E");height:100vh;left:0;object-fit:contain;position:absolute;top:0;width:100vw;z-index:-1}.contact{cursor:pointer;display:flex;margin:.2rem .2rem .2rem 1rem;width:100%}.contact .full-name:hover{background-color:green}.contact .full-name{align-items:center;background-color:initial;border-bottom:.1rem solid hsla(0,0%,100%,.5);border-top:.1rem solid hsla(0,0%,100%,.5);display:flex;flex-direction:column;justify-content:center;margin:0 .1rem;width:80%}.contact .full-name h1{color:var(--secondary-color)}.status,.views{background-color:green;height:1.6rem;width:.8rem}.status{border-radius:1.6rem 0 0 1.6rem}.views{border-radius:0 1.6rem 1.6rem 0}.views .view-count{align-items:center;background-color:var(--secondary-color);border:.1rem solid var(--primary-color);border-radius:1.3rem;display:flex;height:1.3rem;justify-content:center;position:relative;right:.7rem;top:.1rem;width:1.3rem;z-index:10}.views p{font-size:.7rem}.search-user{margin-top:.7rem}.search-user form{align-items:center;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}.search-user label{color:#fff;margin-bottom:.8rem;margin-left:1.7rem;margin-top:1.3rem}.search-user input{background-color:initial;border:.1rem solid var(--secondary-color);border-radius:1rem;color:#fff;font-size:.7rem;margin:.2rem .2rem .2rem 1.7rem;outline:none;padding:.5rem;width:80%}.search-user .matched-users{font-size:.7rem;margin-top:.5rem;overflow:hidden}.search-user .full-name{background-color:initial;border-bottom:.1rem solid hsla(0,0%,100%,.5);color:green;cursor:pointer;font-size:10rem;margin:0 .1rem 0 1.7rem;width:80%}.search-user .full-name div{display:flex;justify-content:space-between}.matched-users .full-name:hover{color:var(--secondary-color)}.contacts{background-color:rgba(14,42,71,.4);border-radius:1rem;height:calc(100vh - 18rem);padding-bottom:1rem;padding-right:1rem;padding-top:1rem;width:38%}.contacts.mobile{width:calc(min(100%, 25rem))}.message-container .message{margin:.1rem;width:calc(min(31rem, 100%))}.message .sending{cursor:pointer;width:calc(min(-webkit-max-content, 100%));width:calc(min(max-content, 100%))}.message .receiving,.message .sending{display:flex;justify-content:space-between}.message .receiving{width:calc(min(-webkit-max-content 100%));width:calc(min(max-content 100%))}.message .receiving .dummy-before,.message .sending .dummy-after{display:none}.message .sending .content{background-color:initial;border:.1rem solid green;border-radius:2rem 0 2rem 2rem;color:#fff;font-size:.6rem;outline:green;padding:.5rem .7rem .5rem .5rem;text-align:right}.message .receiving .content{background-color:initial;border:.1rem solid green;border-radius:0 2rem 2rem 2rem;color:#fff;font-size:.6rem;outline:none;padding:.5rem .5rem .5rem .7rem;text-align:left}.message .receiving .options,.message-container .display-none{display:none}.message .options{display:flex;justify-content:end}.message button{background-color:green;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:.6rem;min-width:3rem;outline:none;padding:.2rem}.message button:hover{background-color:rgba(231,54,53,.7)}.message .options button.back-delete{margin:.2rem .7rem .2rem .2rem}.message .options button.edit,.message .options button.go-back{margin:.2rem}.message .display-none,.message .receiving form{display:none}.message .sending input.content{border:.1rem solid rgba(231,54,53,.7)}.chats{background-color:rgba(0,0,0,.5);border:.1rem solid hsla(0,0%,100%,.3);border-radius:1rem;display:flex;flex-direction:column;height:calc(100vh - 21rem);padding:1rem}.chats-container{margin-bottom:1rem;min-height:calc(100vh - 20rem)}.chats-container.desktop{width:calc(62% - 2rem)}.chats-container.mobile{width:calc(min(100%, 25rem))}.now-chatting{align-items:center;background-color:#e73635;border-radius:1rem;display:flex;margin-bottom:.2rem}.now-chatting img{background-color:green;border-radius:50%;font-size:1rem;height:3rem;margin:.5rem;min-height:3rem;min-width:3rem;overflow:hidden;padding:.3rem;width:3rem}h1,p{font-size:.8rem;padding:.1rem}h1{color:var(--primary-color)}.details{display:flex;justify-content:space-between;min-height:4rem}.details.me,.details.they .desktop-view{max-width:50%}.me-details,.they-details{padding:.5rem}.me-details{text-align:right}.now-chatting img.alt{font-size:.5rem}.main-body{background-image:radial-gradient(#0e2a47,rgba(14,42,71,.75));border:.1rem solid hsla(0,0%,100%,.3);border-radius:1rem;min-height:calc(100vh - 16rem);padding:1rem}.main-body .btn{font-size:.7rem;margin:.3rem;min-width:3rem}.login,.signup{display:grid;height:calc(100vh - 5rem);place-items:center;position:relative;top:-2rem}.login form,.signup form{border:.1rem solid hsla(0,0%,100%,.5);border-radius:1rem;justify-content:end;padding:2rem;width:25rem}.login .container form,.signup .container form{background-color:var(--primary-color);justify-self:start}.input{border-bottom:.1rem solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:1rem}.login{display:grid;height:calc(100vh - 5rem);place-items:center;position:relative;top:-2rem}.login label,.signup label{color:var(--secondary-color);font-weight:600}.login input,.login textarea,.signup input,.signup textarea{background-color:initial;border:none;color:#fff;font-size:.8rem;outline:none;width:10rem}.buttons{display:flex;justify-content:space-evenly;padding-top:2rem}
/*# sourceMappingURL=main.bc1be724.css.map*/