@import url(https://fonts.googleapis.com/css2?family=Dongle:wght@300&family=EB+Garamond&family=Exo+2:wght@300&family=Indie+Flower&family=Lobster&family=Lora&family=Nanum+Myeongjo&family=Supermercado+One&family=Zen+Kurenaido&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@100&family=Playfair+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dongle:wght@300&family=Exo+2:wght@300&family=Lobster&family=Lora&family=Open+Sans+Condensed:ital,wght@1,300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#010101;color:#cbccce;font-family:Lora,serif;margin:0}body,code{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background:linear-gradient(transparent,#b2102f)!important;color:#00c6ff;height:6px;width:3px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:linear-gradient(transparent,#b2102f);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(transparent,#00c6ff)}.main{height:100vh;overflow:hidden;width:100vw}.form,.submain{align-items:center;display:flex;justify-content:center}.form{background-color:#cbccce!important;border:1px solid #5b5b5b;flex-direction:column;margin-top:12%;padding-bottom:3%;padding-left:3%;padding-right:3%}.header-main{background-color:#191919;height:60px;left:0;position:fixed;top:0;width:100%;z-index:100000000}.header-avatar{border-radius:50%;cursor:pointer;height:50px;width:50px}.div2{display:none}.div1:hover+.div2{display:inline}.container{height:200px;position:relative;width:200px}.overlay{background-color:rgba(0,0,0,.4);opacity:0;position:absolute;transition:all .3s ease}.overlay-text{left:26%;position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.overlay-text2{left:33%;position:absolute;top:40%}.overlay-text3{left:46%;position:absolute;top:40%}.overlay-text4{left:60%;position:absolute;top:40%}.overlay-left{height:100%;left:0;top:0;width:100%}.container:hover .overlay-left{height:100%}.container:hover .overlay{opacity:1}.add-friend,.username{font-family:Exo\ 2,sans-serif}.addpost-form{align-items:center;background-color:#cbccce!important;display:flex;flex-direction:column;justify-content:center;margin-top:30%;padding:15px}.chat-input:focus{border:3px solid #555}.chat-input{border:3px solid #ccc;border-radius:20px;box-sizing:border-box;font-size:17px;font-weight:700;height:40px;margin-left:200px;outline:none;padding:12px 20px;transition:.5s;width:400px}.border{background:linear-gradient(#606,#206a5d,#c9c);height:60px;margin:5px 10px;padding:2px;width:60px}.avatar,.border{border-radius:50%}.avatar{cursor:pointer;height:57px;margin-left:1px;margin-top:2px;width:57px}.root{display:flex;height:130px;margin-bottom:10px;overflow-x:hidden;width:400px}.root:hover{overflow-x:scroll}.phoneborder{background:linear-gradient(#606,#206a5d,#c9c);border-radius:50%;height:50px;margin:5px 10px;padding:2px;width:50px}.phoneavatar{border-radius:50%;cursor:pointer;height:47px;margin-left:1px;margin-top:2px;width:47px}.phoneroot{display:flex;height:93px;overflow-x:hidden;width:100vw}.phoneroot:hover{overflow-x:scroll}.comment-input{border:2px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:17px;font-weight:700;height:37px;margin-right:5px;outline:none;padding:12px 20px;transition:.5s;width:210px}.comment-input:focus{border:2px solid #eec312}@media (min-width:330px) and (max-width:340px){.comment-input{width:200px!important}}@media (min-width:320px) and (max-width:329px){.comment-input{width:190px!important}}@media (min-width:310px) and (max-width:319px){.comment-input{width:180px!important}}@media (max-width:309px){.comment-input{width:170px!important}}.phone-addpost-form{align-items:center;background-color:#1a1a1a!important;display:flex;flex-direction:column;justify-content:center;margin-top:30%;padding:15px}.phone-input{border:2px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:17px;font-weight:700;height:37px;margin-right:5px;outline:none;padding:12px 20px;transition:.5s;width:210px}.phone-input:focus{border:1px solid #eec312}.friend-search{border:2px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:17px;font-weight:700;height:37px;margin-left:40px;margin-right:5px;outline:none;padding:12px 20px;transition:.5s;width:220px}@media (max-width:320px){.friend-search{margin-left:30px!important;width:210px!important}}.phonecontainer{position:relative}.phoneoverlay{background-color:rgba(0,0,0,.4);opacity:0;position:absolute;transition:all .3s ease}.phoneoverlay-text{left:26%;position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.phoneoverlay-text2{left:37%;position:absolute;top:38%}.phoneoverlay-text3{left:51%;position:absolute;top:38%}.phoneoverlay-text4{left:70%;position:absolute;top:38%}.phoneoverlay-left{height:100%;left:0;top:0;width:100%}.phonecontainer:hover .phoneoverlay-left{height:100%}.phonecontainer:hover .phoneoverlay{opacity:1}.chat-search{border:2px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:17px;font-weight:700;height:33px;margin-right:5px;outline:none;padding:12px 20px;transition:.5s;width:100%}@media (max-width:420px){.mypost-edit{width:320px!important}}.login-addpost-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30%;padding:15px}.login-input{border:2px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:17px;height:37px;margin-right:5px;outline:none;padding:12px 20px;transition:.5s;width:210px}.login-input:focus{border:1px solid #eec312}.othercontainer{position:relative}.otheroverlay{background-color:rgba(0,0,0,.4);opacity:0;position:absolute;transition:all .3s ease}.otheroverlay-text{left:26%;position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.otheroverlay-text2{left:37%;position:absolute;top:38%}.otheroverlay-text3{left:51%;position:absolute;top:38%}.otheroverlay-text4{left:70%;position:absolute;top:38%}.otheroverlay-left{height:100%;left:0;top:0;width:100%}.othercontainer:hover .otheroverlay-left{height:100%}.othercontainer:hover .otheroverlay{opacity:1}.phonechat-input:focus{border:3px solid #555}.phonechat-input{border:3px solid #ccc;border-radius:20px;box-sizing:border-box;font-size:17px;font-weight:700;height:40px;outline:none;padding:12px 20px;transition:.5s;width:77vw}
/*# sourceMappingURL=main.d8e4d2ce.css.map*/