@import url(https://fonts.googleapis.com/css2?family=Kolker+Brush&display=swap);*{color:#fff}.formContainer{align-items:center;background-color:#171717;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#2e2e2e;border-radius:10px;display:flex;flex-direction:column;font-size:small;gap:25px;padding:15px 40px}.formContainer .formWrapper .logo .logo1,.formContainer .formWrapper .logo .logo2{font-family:Kolker Brush,cursive;font-size:70px}.formContainer .formWrapper .logo .logo2{color:#ffc500}.formContainer .formWrapper .title{box-shadow:-6px 3px #e9ba23;color:#fff;font-size:1.5em;font-weight:bolder;padding:2px}.formContainer .formWrapper form{color:#fff;display:flex;flex-direction:column;gap:15px;padding:50px;width:100%}.formContainer .formWrapper form label{border:2px solid #fff;border-radius:50px;color:gray;cursor:pointer;display:block;font-size:50px;margin:auto;padding:5px 15px}.formContainer .formWrapper form input{background-color:#171717;border:none;border-radius:5px;outline:none;padding:15px}.formContainer .formWrapper form ::-webkit-input-placeholder{color:gray}.formContainer .formWrapper form :-ms-input-placeholder{color:gray}.formContainer .formWrapper form ::placeholder{color:gray}.formContainer .formWrapper form button{background-color:transparent;border:none;border-radius:5px;cursor:pointer;display:block;font-size:25px;font-weight:700;margin:auto;padding:10px;transition:.1s;width:60%}.formContainer .formWrapper form button:hover{background-color:#171717}.formContainer .formWrapper form .error{color:red;display:block;margin:auto;overflow:hidden}.formContainer .formWrapper a{color:skyblue}.home{align-items:center;background-color:#171717;display:flex;height:100vh;justify-content:center}.home .container{display:flex;height:95%;width:98%}.home .sidebar{background-color:#171717;border-right:.5px solid gray;flex:.7 1;overflow:hidden;overflow-y:auto}.home .sidebar .Navbar{align-items:center;background-color:#2e2e2e;display:flex;height:50px;justify-content:space-between;padding:10px}.home .sidebar .Navbar .logo .logo1,.home .sidebar .Navbar .logo .logo2{font-family:Kolker Brush,cursive;font-size:50px}.home .sidebar .Navbar .logo .logo2{color:#ffc500}.home .sidebar .Navbar .user{display:flex;gap:10px}.home .sidebar .Navbar .user img{background-color:#fff;border:2px solid #ffc500;border-radius:50px;height:45px;object-fit:cover;outline:none;width:45px}.home .sidebar .Navbar .user span{align-items:center;display:flex;justify-content:center}.home .sidebar .search{width:100%}.home .sidebar .search .searchform{padding:2%}.home .sidebar .search .searchform input{background-color:#2e2e2e;border:none;border-radius:7px;height:40px;outline:none;padding:10px;width:100%}.home .sidebar .search .searchform ::-webkit-search-cancel-button{font-size:large;position:relative}.home .sidebar .search .searchform ::-webkit-input-placeholder{color:gray}.home .sidebar .search .searchform :-ms-input-placeholder{color:gray}.home .sidebar .search .searchform ::placeholder{color:gray}.home .sidebar .search .userchat{align-items:center;border-bottom:1px solid #fff;display:flex;gap:5%;padding:2%;width:100%}.home .sidebar .search .userchat img{background-color:#fff;border:none;border-radius:50px;height:55px;object-fit:cover;outline:none;width:55px}.home .sidebar .search .userchat .userchatinfo{font-size:large;font-weight:500}.home .sidebar .search .userchat:hover{background-color:#000}.home .sidebar .SideChats{cursor:pointer}.home .sidebar .SideChats .userchat{align-items:center;border-bottom:1px solid #000;display:flex;gap:5%;padding:2%;width:100%}.home .sidebar .SideChats .userchat img{background-color:#fff;border:none;border-radius:50px;height:55px;object-fit:cover;outline:none;width:55px}.home .sidebar .SideChats .userchat .userchatinfo span{font-size:large;font-weight:500}.home .sidebar .SideChats .userchat .userchatinfo p{color:#d3d3d3;font-size:12px}.home .chat,.home .sidebar .SideChats .userchat:hover{background-color:#000}.home .chat{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404'%3E%3Cpath d='m769 229 268 31.9M927 880 731 737l-211-77-211-122-269 61 255 165-168.5 115.5L40 599l-237-106 299-111-133-153L126.5 79.5-69-63'/%3E%3Cpath d='m-31 229 268 32 153 121 213 111-294.5 44.5-207-156M370 905l-75-141'/%3E%3Cpath d='m520 660 58 182 153-105 109-138-237-106-83 167-225 104 14-226 81-156 149-113 230-40L577.5 41.5 370 105 295-36 126.5 79.5 237 261 102 382 40 599-69 737l196 143'/%3E%3Cpath d='m520-140 58.5 182.5L731-63M603 493l-64-224-302-8 133-156m532 277L539 269M390 382H102'/%3E%3Cpath d='m-222 42 348.5 37.5L370 105l169 164 38.5-227.5L927 80 769 229l133 153-299 111 128 244M295-36l282.5 77.5M578 842l-283-78M40-201l87 281m-25 302-363-113'/%3E%3C/g%3E%3Cg fill='%23505'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");flex:2 1}.home .chat .navbarChat{align-items:center;background-color:#2e2e2e;display:flex;height:50px;justify-content:space-between;padding:10px 10px 10px 2%}.home .chat .navbarChat .profile{align-items:center;display:flex;gap:10px}.home .chat .navbarChat .profile .userimg{border-radius:50px;cursor:pointer;height:40px;object-fit:cover;outline:none;width:40px}.home .chat .navbarChat .profile .hiddenimg{border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16),0 0 0 3px #333;display:block;height:300px;margin-left:0;margin-top:12.5%;object-fit:cover;outline:none;position:absolute;width:300px}.home .chat .navbarChat .profile .name{font-size:20px;padding-left:5px}.home .chat .navbarChat .buttons{display:flex;padding:1%;position:relative}.home .chat .navbarChat .buttons .about{background-color:#000;border:5px solid #ffc500;border-radius:18px 0 18px 18px;height:85vh;overflow:hidden;overflow-y:auto;padding:0 10px 10px;position:absolute;right:95%;top:40%;width:500px}.home .chat .navbarChat .buttons .about .nav{align-items:center;display:flex;flex-direction:row;height:5vh;padding:7px;width:100%}.home .chat .navbarChat .buttons .about .nav .dots{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:5px}.home .chat .navbarChat .buttons .about .nav .dots .dot1{background-color:#ff0;border-radius:50%;cursor:pointer;height:10px;width:10px}.home .chat .navbarChat .buttons .about .nav .dots .dot2{background-color:blue;border-radius:50%;height:10px;width:10px}.home .chat .navbarChat .buttons .about .nav .dots .dot3{background-color:green;border-radius:50%;height:10px;width:10px}.home .chat .navbarChat .buttons .about .nav .github{padding:7px}.home .chat .navbarChat .buttons .about .nav .github .githubicon{cursor:pointer;height:30px;object-fit:cover;width:30px}.home .chat .navbarChat .buttons .about .mypic{border:3px solid #ffc500;border-radius:50px;display:block;height:100px;margin:auto;object-fit:cover;outline:none;width:100px}.home .chat .navbarChat .buttons .about p{color:#fff;font-family:Inconsolata,monospace;line-height:2em}.home .chat .navbarChat .buttons .about p .tab1{margin-left:15px}.home .chat .navbarChat .buttons .about p .tab2{margin-left:25px}.home .chat .navbarChat .buttons .about p .tab3{display:block;font-size:15px;margin-left:45px}.home .chat .navbarChat .buttons .about p .tab3 a{color:skyblue}.home .chat .navbarChat .buttons .about p .key{color:green;font-family:Inconsolata,monospace;font-size:16px}.home .chat .navbarChat .buttons button{background-color:transparent;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;outline:none;padding:10px}.home .chat .navbarChat .buttons button:hover{background-color:#171717}.home .chat .messages{height:calc(100% - 160px);overflow-y:auto;padding:10px}.home .chat .messages .message{align-items:center;display:flex;gap:20px;margin-bottom:20px}.home .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:5px;max-width:80%}.home .chat .messages .message .messageContent p{background-color:#171717;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px}.home .chat .messages .message .messageContent img{border-radius:5px;width:50%}.home .chat .messages .message .messageContent .time{color:gray;display:block;font-size:10px;padding:0}.home .chat .messages .message.owner{flex-direction:row-reverse}.home .chat .messages .message.owner .messageContent{align-items:flex-end}.home .chat .messages .message.owner .messageContent p{background-color:#2e2e2e;border-radius:10px 0 10px 10px}.home .chat .input{align-items:center;background-color:#2e2e2e;display:flex;height:50px;justify-content:space-between;padding:10px 0 10px 10px}.home .chat .input input{background-color:transparent;border:none;font-size:18px;outline:none;padding:5px;width:100%}.home .chat .input .send{align-items:center;display:flex;gap:10px;height:50px;justify-content:center}.home .chat .input .send .imgsend{align-items:center;cursor:pointer;display:flex;font-size:25px;height:70px;justify-content:center}.home .chat .input .send .imgsend:hover{-webkit-transform:rotate(10deg);transform:rotate(10deg)}.home .chat .input .send .btnsend{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;font-size:40px;font-weight:700;height:70px;outline:none}.home .chat .input .send .btnsend:hover{background-color:#171717}
/*# sourceMappingURL=main.8209fafa.css.map*/