body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--primary:#7b86b8;--dark:#424874;--secondary:#dcd6f7;--background:#f9f8ff;--text:#626262;--border:#c9c9c9;--light:#fff;--orrange:tomato;--blue:#4267b2;--roundness:.5rem}*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif;color:#626262;color:var(--text);text-decoration:none}body{position:relative}header{background:#f9f8ff;background:var(--background);position:-webkit-sticky;position:sticky;top:0;-webkit-justify-content:space-between;justify-content:space-between;padding:0 3rem;border-bottom:1px solid hsla(0,0%,72.2%,.4);z-index:3;min-height:7vh}header,header div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}header div{-webkit-justify-content:center;justify-content:center}.logo img{height:3rem;width:6rem;cursor:pointer}#left_side-bar .manu img,header img{height:25px;width:25px;cursor:pointer}.search{position:relative;width:90%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}header .search{width:50%;height:50px}header .search input{width:100%;height:70%;padding:0 3%;font-size:1rem}.search input{width:100%;border:none;border-radius:.5rem;border-radius:var(--roundness);outline:none;box-shadow:2px 2px 5px rgba(21,13,138,.2);transition:box-shadow .3s ease-in-out}.search input:hover{box-shadow:5px 5px 10px rgba(21,13,138,.3)}.search:hover>.serch_icon{fill:#363636}.add-f img{width:2rem;height:2rem}.serch_icon{position:absolute;right:8px;cursor:pointer;fill:#626262;fill:var(--text);height:.9rem;width:.9rem;fill:#c9c9c9;fill:var(--border);transition:fill .3s ease-in-out}.Toggel_menu{position:fixed;top:2.5vh;left:20px;cursor:pointer;height:12px;width:25px;display:none;z-index:5}.Toggel_menu div{width:100%;height:2px;background:#424874;background:var(--dark);z-index:100;position:absolute;transition:all .5s ease-in-out}.Toggel_menu div:last-child{top:5px}.Toggel_menu div:nth-last-child(3){bottom:0}#left_side-bar{min-height:92vh;overflow-y:auto;width:15%;background:#f9f8ff;background:var(--background);-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;box-shadow:1px 13px 6px rgba(0,0,0,.1);position:fixed;left:0;top:7vh;z-index:1;-webkit-align-items:stretch;align-items:stretch;transition:all 2s ease-in-out}#left_side-bar::-webkit-scrollbar{width:0}.left_div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.user_profile{background:#fff;background:var(--light);width:100%;height:30%;padding:1rem 0;border-radius:.5rem;border-radius:var(--roundness);margin:.5rem 0}.user_profile img{height:5rem;width:5rem;border-radius:50%;object-fit:cover}.user_profile h4{margin:10px 0 0}.user_profile h5{font-size:.7rem}.user_profile h5 span{margin-right:5px}.user_profile a{text-decoration:none;color:#000;font-size:.7rem;color:#fff;color:var(--light)}.user_profile div{background:#424874;background:var(--dark);margin-top:10px;display:-webkit-flex;display:flex;padding:5px;border-radius:.5rem;border-radius:var(--roundness);-webkit-align-items:center;align-items:center}.user_profile div img{width:15px;height:15px;margin-right:3px}.manu{padding:1rem 0}.hed_titel{font-size:.8rem;font-weight:100;color:#cecece}.manu ul{width:100%}.manu ul li{list-style:none;padding:.7rem .6rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-bottom:1px solid #fff;border-bottom:1px solid var(--light);width:100%;transition:background .4s ease-in-out}.manu ul li a{text-decoration:none;width:100%}.manu ul li a:hover{color:#000}.manu ul li:hover{background:#fff;background:var(--light)}.manu img{margin:0 .3rem}#Content{width:auto;margin:0 25% 0 15%;background:#f9f8ff;background:var(--background);-webkit-justify-content:center;justify-content:center;padding:.2rem 1.5rem}#Content,.inner_content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.inner_content{border-radius:.5rem;border-radius:var(--roundness);margin:.5rem 0;padding:1% 3%;background:#fff;background:var(--light);width:100%}.inner_content h5{font-size:.7rem;padding-bottom:.4rem;border-bottom:1px solid #f9f8ff;border-bottom:1px solid var(--background)}.post img:first-child{width:2rem;height:2rem;border-radius:50%;margin-right:.4rem}.post{display:-webkit-flex;display:flex;position:relative;padding:.5rem 0}.post input{width:100%;border:none;outline:none;background:#f9f8ff;background:var(--background);border-radius:.5rem;border-radius:var(--roundness);padding:0 1rem}.post_img{position:absolute;right:0;top:50%;-webkit-transform:translateY(-45%);transform:translateY(-45%);opacity:1%;margin-right:.3rem;width:1.2rem;height:1.2rem;right:1em;cursor:pointer;fill:#c7c7c7}.post_img:nth-last-child(2){right:3em}.post_img:nth-last-child(3){right:5em}.post_now{background:#424874;background:var(--dark);padding:.3rem .7rem;border-radius:.5rem;border-radius:var(--roundness);vertical-align:middle;color:#fff;text-decoration:none;font-size:.6rem;-webkit-align-self:flex-end;align-self:flex-end}.post_had{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:2% 0}.post_had .friend{padding:0}.post_had .friend img{width:2rem;height:2rem}.post_had .friend div a:first-child{font-size:.8rem}.post_had .friend div .follower{font-size:.6rem;color:#a9a9a9}.post_had .dots_inner:before{right:-5px;top:0}.post_had .dots_inner:after{left:-5px;top:0}.inner_content p{font-size:.7rem;padding:.4rem;word-spacing:1px}.post_content{width:100%;height:18rem;background:#f9f8ff;background:var(--background)}.post_content img{width:100%;height:100%;object-fit:cover;border-radius:.5rem;border-radius:var(--roundness)}.svg_icons{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;padding:.5rem 0}.svg_icons svg{width:1rem;height:1rem;padding:0 .5rem;border-radius:.5rem;border-radius:var(--roundness);box-sizing:content-box}.svg_content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.3rem 7%;cursor:pointer}.svg_content a{font-size:.7rem;font-weight:700}.svg_content a span{font-size:.8rem;margin-right:.2rem}svg:hover{fill:#000}.post_img1{right:0}#right_side-bar{width:25%;min-height:92vh;background:#f9f8ff;background:var(--background);position:fixed;right:0;top:7vh;z-index:1;box-shadow:1px 13px 6px rgba(0,0,0,.1);-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;padding:1rem;grid-gap:1rem;gap:1rem}#right_side-bar,.friend{display:-webkit-flex;display:flex}.friend{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;grid-gap:.4rem;gap:.4rem;border-bottom:1px solid #fff;border-bottom:1px solid var(--light);padding-bottom:.5rem;cursor:pointer}.friend img{width:3rem;height:3rem;background:#fff;background:var(--light);border-radius:50%;object-fit:cover}.friend div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.friend div a{text-decoration:none}.friend div a:first-child{font-weight:600}.friend div .follower{font-size:.7rem}.had_friend{width:100%}.had_friend .search input{padding:.3rem 1rem;margin:.5rem 0}.side_dots{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.dots_inner{border-radius:50%;position:relative;margin-right:1rem}.dots_inner,.dots_inner:after,.dots_inner:before{width:.2rem;height:.2rem;background:#c9c9c9;background:var(--border);cursor:pointer}.dots_inner:after,.dots_inner:before{content:"";position:absolute}.dots_inner:before{top:-5px}.dots_inner:after{bottom:-5px}.dots_inner:after:hover,.dots_inner:before:hover,.dots_inner:hover{background:#000}@media screen and (max-width:900px){#left_side-bar{top:0;width:50vw;height:100vh;z-index:3}.user_profile{margin:0}#Content{margin-left:0}.Toggel_menu{display:-webkit-flex;display:flex}.togg{display:none}.togg-done{display:-webkit-flex;display:flex}.toggham div:nth-child(3){display:none}.toggham div:nth-child(2){-webkit-transform:rotate(45deg) translateX(6px);transform:rotate(45deg) translateX(6px)}.toggham div:first-child{-webkit-transform:rotate(-45deg) translateX(6px);transform:rotate(-45deg) translateX(6px)}}@media screen and (max-width:670px){#Content{margin-right:0}#right_side-bar{display:none;width:50%}}body{color:#000}.form_D{min-width:100vw;min-height:100vh;background:#7fff00;display:-webkit-flex;display:flex}#left_{width:50%;background:url(/static/media/social.d1e8f675.jpg);background-size:cover;background-blend-mode:darken}#right_{width:50%;background:var(--primary);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:3%}#right_ h1{color:#fff}#right_ form{background:inherit;width:70%;padding:3%;margin-top:2%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;z-index:0}#right_ form:before{content:"";position:absolute;width:100%;height:100%;background:inherit;top:0;left:0;z-index:0;-webkit-filter:blur(1px);filter:blur(1px);border-radius:20px;box-shadow:inset 0 0 0 200px hsla(0,0%,100%,.1)}#right_ form div{min-width:90%}#right_ form input{width:100%;height:40px;padding:5px;border-radius:5px;border:none;margin:5px;background:#fff;color:#000}input:focus{outline:none;background:#fff}#right_ form input[type=checkbox]{width:10px;cursor:pointer}#Condition{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.form_D a{color:#00f;cursor:pointer}#right_ form input[type=submit]{background:var(--blue);color:#fff;outline:none;border:none;border-radius:5px;cursor:pointer}#right_ form input[type=submit]:hover{background:#00f}form div{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-flow:row-reverse;flex-flow:row-reverse}.Exp{width:15px;height:15px;position:absolute;margin-right:5%;cursor:pointer}#right_ p{background:inherit;padding:15px;margin:10px;position:relative;z-index:1}#right_ p:before{content:"";position:absolute;width:100%;height:100%;background:hsla(0,0%,100%,.5);top:0;left:0;z-index:-1;-webkit-filter:blur(1px);filter:blur(1px);border-radius:5px}#right_ p a{background:var(--blue);padding:5px 10px;border-radius:5px;color:#fff}@media screen and (max-width:900px){#left_{display:none}#right_{width:100vw}}@media screen and (max-width:500px){#left_{display:none}#right_{width:100vw}#right_ form{width:100%}#right_ div{height:70px}#right_ form input[type=checkbox]{width:15px;height:15px}#right_ form input{height:50px}}
/*# sourceMappingURL=main.cceb5368.chunk.css.map */