@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}body{background-color:#000;position:relative}.home{width:60%;margin:auto;overflow-x:hidden}.signBtn{background-color:#0c6f8d;padding:5px 10px;border:none;outline:none;border-radius:4px;color:#fff;transition:.3s}.signBtn:hover{background-color:#117421;cursor:pointer}.navbar{background-color:#000;padding:10px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 9px 1px hsla(0,0%,100%,.3);position:-webkit-sticky;position:sticky;top:0;z-index:22;color:#fff}.navbar img{width:50px;height:50px}.subHome{width:60vw;margin:auto;padding:10px;background-color:#fff;display:flex;align-items:center;justify-content:space-around}.subHome h2{color:#000}.intro{display:flex;align-items:center}.intro img{width:40px;height:40px;border-radius:50%;margin-left:10px;padding:2px;box-shadow:0 0 9px 2px hsla(0,0%,100%,.2)}.post{width:100%;padding:10px;position:relative;border-radius:4px;margin:10px auto auto;display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid hsla(0,1%,59.6%,.3)}.post h2{color:#fff}.post textarea{width:100%;height:70px;resize:none;border:none;outline:none;padding:10px;border-radius:4px;box-shadow:0 0 1px 1px rgba(0,0,0,.2);margin-bottom:5px}.post button{position:absolute;bottom:10px;right:10px}.post label img{width:20px;height:20px;box-shadow:0 0 8px 1px rgba(0,0,0,.2);transition:.3s}.post label img:hover{box-shadow:0 0 9px 2px rgba(218,17,17,.2);cursor:pointer;transform:translatey(-1px)}.post #file{display:none}.post button{padding:5px 10px;border:none;outline:none;border-radius:3px;box-shadow:0 0 9px 1px rgba(0,0,0,.2);background-color:#385ea5;color:#fff;transition:.3s}.post button:hover{background-color:#063561;cursor:pointer}.post button:active{background-color:#20bb87}.post .uploaded{background-color:#0eaa54}.singlePost{width:100%;padding:10px;position:relative;margin:5px auto auto;border-radius:4px;background-color:#000;border:1px solid #385ea5;display:flex;flex-direction:column}.singlePost .header{display:flex;align-items:center}.singlePost .header img{width:35px;height:35px;border-radius:50%;padding:2px;border:2px solid #385ea5;margin-right:10px;-webkit-filter:invert(10px);filter:invert(10px)}.singlePost .body img{width:100%;height:100%;margin:10px auto;max-height:350px;border-radius:5px}.singlePost .body p{margin:5px}.singlePost .time{display:flex;flex-direction:column}.singlePost .comment{width:100%;display:flex;align-items:center;justify-content:space-between}.singlePost .comment img{width:30px;height:30px;border-radius:50%}.send{transition:.3s}.send:hover{cursor:pointer;transform:translateX(2px)}.singlePost .footer input{border:none;outline:none;padding:5px 10px;flex-basis:80%;background-color:hsla(0,0%,65.5%,.274);border-radius:10px;color:#fff}.delete{position:absolute;top:10px;right:10px;outline:none;border:none;padding:4px;background-color:transparent;transition:.3s;color:#fff}.delete:hover{color:red;cursor:pointer}.main-comment{display:flex;flex-direction:column;width:100%;max-height:170px;overflow:hidden;border-bottom:1px solid #3a3939}.main-comment .more{width:100%;height:100%}#showlessormore:hover{cursor:pointer}.comment{margin:10px 0}.comment-content{display:flex;flex-direction:column;word-wrap:break-word;margin:5px 0}.Eachcomment{margin:0;display:flex;align-items:flex-start}.Eachcomment img{width:30px;height:30px;border-radius:50%;margin-top:7px}.commentName{background-color:rgba(153,155,158,.267);box-shadow:0 0 4px 0 rgba(0,0,0,.2);border-radius:10px;margin:10px;padding:5px;color:#4281c9}.like{justify-content:space-around;margin:10px 0}.commentIcon,.like,.likeIcon{display:flex;align-items:center}.commentIcon,.likeIcon{flex-basis:50%;text-align:center;margin:0 5px;color:#fff;padding:2px;justify-content:center;font-size:14px;border-radius:3px}.commentIcon:hover,.likeIcon:hover{background-color:rgba(153,155,158,.267);cursor:pointer}.feedback{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:3px 10px}.messenger{position:fixed;top:60px;right:0;min-height:200px;background-image:url(/static/media/bg.dec6b218.jpg);background-position:50%;background-size:cover;width:50vw;z-index:233;transition:.3s;border-radius:5px;box-shadow:0 0 0 0 rgba(0,0,0,.2);max-height:90vh;overflow:scroll;overflow-x:hidden}.messenger::-webkit-scrollbar{width:2px}.messenger::-webkit-scrollbar-track{background-color:#030303;width:23px}.messenger::-webkit-scrollbar-thumb{background-color:grey}.messenger .chat-itro{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:20px 0;text-align:center;height:150px;justify-content:space-around}.messenger .chat-itro img{height:60px;width:60px;padding:2px;border-radius:50%;border:2px solid snow}.chat-itro h3,p{color:#fff}.messenger.close{transform:translateX(100%)}.open{position:fixed;top:80px;right:10px;transition:.3s;z-index:23223}.Open{background-color:#385ea5;color:#fff;padding:5px;border-radius:50%;font-size:21px;display:grid;place-items:center;box-shadow:0 0 9px 1px rgba(255,252,252,.3)}.none{display:none;color:#fff}.closebtn{position:fixed;top:80px;right:15px;background-color:transparent;border:none;outline:none;color:#c722a3}.closebtn:hover{color:red;cursor:pointer}.chat{display:flex;flex-direction:column}.chat .msgContainer{margin:14px;position:relative}.msgContainer img{width:30px;height:30px;border-radius:50%}.chat .recieveMsg{background-color:#f8f8f8;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:0 20px 20px 15px;color:#000;position:relative;margin-left:40px}.chat .recieveMsg img{position:absolute;top:0;left:-35px}.chat .sendMsg img{position:absolute;top:0;right:-40px}.chat .sendMsg{background-color:#ce1f54;margin-left:auto;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:20px 0 20px 20px;position:relative;max-width:300px;word-wrap:break-word;margin-right:30px}.sendMsg p{color:#fff;word-wrap:break-word}.recieveMsg p{color:#000}.writeMsg{position:-webkit-sticky;position:sticky;bottom:20px;left:5px;padding:1px 5px;display:flex;width:100%;align-items:center;justify-content:center}.writeMsg input{flex-basis:90%;outline:none;border:none;padding:5px 10px;border-radius:5px;background-color:#fff;color:#000}.sendMsg input::-webkit-input-placeholder{color:#fff}.sendMsg input:-ms-input-placeholder{color:#fff}.sendMsg input::placeholder{color:#fff}.writeMsg .sendIcon{flex-basis:10%;text-align:center;transition:.3s}.chat .recieveMsg,.chat .sendMsg{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:90%}.sendIcon:hover{transform:translateX(5px);cursor:pointer}@media screen and (max-width:480px){.home{width:90%}.navbar{width:100vw}.singlePost .footer input{flex-basis:70%}.messenger{top:60px;right:0;height:100vh;width:100vw}.recieveMsg,.writeMsg{padding:10px;margin-left:10px}}
/*# sourceMappingURL=main.0bcf08d0.chunk.css.map */