body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:font-1;src:url(/static/media/JosefinSans-ExtraLight.6173372a87f9785d3540.ttf)}@font-face{font-family:font-2;src:url(/static/media/JosefinSans-Regular.c2462bfe030916f43ab4.ttf)}@font-face{font-family:font-3;src:url(/static/media/JosefinSans-Bold.5cc7b0d19c96e8c83733.ttf)}*{border:none;box-sizing:border-box;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none}::selection{background:#ff7b77}a,a:visited{color:#00162c}input,textarea{background:#fdfdfd;border-radius:20px;font-family:font-1,sans-serif;resize:none;width:270px}textarea:focus{box-shadow:0 0 4px rgba(0,22,44,.1)}button,input[type=submit]{background:#ffd0c4;border-radius:20px 6px 20px 20px;color:#ff7b77;cursor:pointer;font-family:font-3,serif;font-size:1.1rem;margin:0;padding:10px 20px;transition:.2s}button:hover,input[type=submit]:hover{background:#ff7b77;color:#ffd0c4}input[type=checkbox]{box-shadow:none;margin:10px 0;width:20px}i{transition:.15s}i:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}body{background:#fdfdfd;color:#00162c;font-family:font-2,serif;line-height:1.4rem}.error{color:red;font-weight:700}.success{color:green;font-weight:700}.home{display:grid;grid-template-columns:60px 1fr 374px;margin:58px auto 50px;max-width:1200px;overflow:hidden;position:relative}@media screen and (max-width:990px){.home{grid-template-columns:60px 1fr;margin:58px 20px 50px}}@media screen and (max-width:590px){.home{grid-template-columns:1fr;margin:58px 8px 50px}}.home .main .home-header{margin:0 auto 12px;text-align:center}.home .main .home-header .connection-form{background:#fdeeee;border-radius:20px;padding:20px}.home .main .home-header .connection-form ul{display:flex;justify-content:center;margin-bottom:18px}.home .main .home-header .connection-form ul li{border-radius:20px;cursor:pointer;margin:0 8px;padding:12px 14px;transition:.2s}.home .main .home-header .connection-form ul .active-btn{background:#ff7b77}.home .main .home-header .connection-form ul .active-btn:hover{background:#ffd0c4}.home .main .home-header .connection-form ul li:not(.active-btn):hover{-webkit-transform:translateX(3px);transform:translateX(3px)}.home .main .home-header .connection-form form input{border-radius:20px;font-family:font-2,serif;font-size:1.2rem;margin:0;padding:10px 14px}.home .main .home-header .connection-form form input:focus{box-shadow:0 0 3px rgba(51,51,51,.2)}.home .main .home-header .connection-form form input[type=submit]{border-radius:20px;padding:14px}.home .right-side{margin:0 0 0 14px;position:relative;width:100%}@media screen and (max-width:990px){.home .right-side{display:none}}.home .right-side .right-side-container,nav{position:fixed}nav{border-radius:6px;box-shadow:18px 1px 0 #ff7b77,22px 4px 0 0 #dbdada;height:45px;top:0;width:100%;z-index:10}@media screen and (max-width:1251px){nav{padding:0 20px}}nav:after{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:hsla(0,0%,100%,.86);content:"";height:45px;left:-20px;position:absolute;top:0;width:110%;z-index:-8}nav .nav-container{height:45px;justify-content:space-between;margin:0 auto;max-width:1190px;width:100%}nav .nav-container,nav .nav-container .logo{align-items:center;display:flex}nav .nav-container .logo h3{font-family:font-3,serif;font-size:1.5rem;-webkit-transform:translate(15px,2px);transform:translate(15px,2px)}nav .nav-container .logo img{height:26px;width:26px}nav .nav-container ul{align-items:center;display:flex;font-size:1.2rem;justify-content:center;justify-content:space-between;width:35%}nav .nav-container ul .welcome{-webkit-transform:translateY(2px);transform:translateY(2px)}@media screen and (max-width:590px){nav .nav-container ul .welcome{display:none}}nav .nav-container ul .welcome h5{font-family:font-3,serif}nav .nav-container ul li img{align-items:center;cursor:pointer;display:grid;height:24px;height:100%;justify-items:center;width:24px}.card-container{border:2px solid #ffd0c4;border-radius:20px;display:grid;grid-template-columns:66px 1fr;margin:8px auto;min-height:100px;padding:16px;position:relative}@media screen and (max-width:590px){.card-container{grid-template-columns:1fr}}@media screen and (max-width:440px){.card-container{padding-top:26px}}.card-container .fa-spinner{color:#ff7b77;font-size:1.5rem;left:49%;position:absolute;top:40%}.card-container .card-left img{border-radius:20px;box-shadow:1px 1px 3px rgba(51,51,51,.192);height:52px;object-fit:cover;width:52px}@media screen and (max-width:590px){.card-container .card-left img{border-radius:14px;height:40px;margin-left:18px;width:40px}.card-container .card-left{position:absolute;-webkit-transform:translate(17px,18px);transform:translate(17px,18px)}.card-container .card-right{margin-left:18px}}.card-container .card-right .card-header{display:flex;justify-content:space-between;margin:2px 0 4px;min-height:35px}@media screen and (max-width:590px){.card-container .card-right .card-header{margin:12px 0 14px}}@media screen and (max-width:440px){.card-container .card-right .card-header{flex-direction:column}}.card-container .card-right .card-header .pseudo{display:flex}@media screen and (max-width:590px){.card-container .card-right .card-header .pseudo{margin-left:52px}}@media screen and (max-width:440px){.card-container .card-right .card-header .pseudo{-webkit-transform:translateY(-18px);transform:translateY(-18px)}}.card-container .card-right .card-header .pseudo span{-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media screen and (max-width:440px){.card-container .card-right .card-header .pseudo span{margin:0 0 -10px;padding:0}}.card-container .card-right .card-header .pseudo span img{box-shadow:none;cursor:pointer;height:28px;padding:5px;transition:.15s;width:28px}.card-container .card-right .card-header .pseudo span img:hover{-webkit-transform:scale(1.2) translate(0);transform:scale(1.2) translate(0)}.card-container .card-right .card-header .pseudo span .fas{color:#ff7b77}.card-container .card-right .card-header .pseudo span .far{color:#ffd0c4}.card-container .card-right .card-header span{font-family:font-1,sans-serif;font-style:italic}@media screen and (max-width:440px){.card-container .card-right .card-header span{-webkit-transform:translate(52px,-20px);transform:translate(52px,-20px)}}.card-container .card-right p{font-size:1.1rem;margin:3px 0 9px}@media screen and (max-width:440px){.card-container .card-right p{margin-top:-18px}}.card-container .card-right .update-post textarea{border:1px solid #ffd0c4;border-radius:20px 20px 6px 20px;font-size:1.3rem;padding:10px}.card-container .card-right .update-post .button-container .btn{background:#ffd0c4;-webkit-transform:translateY(-3px);transform:translateY(-3px);width:240px}.card-container .card-right .update-post .button-container .btn:hover{background:#ff7b77;letter-spacing:1px;width:250px}.card-container .card-right .card-pic{border-radius:6px;box-shadow:0 0 3px rgba(51,51,51,.342);margin-top:12px;width:100%}.card-container .card-right iframe{border-radius:6px;box-shadow:0 0 3px rgba(51,51,51,.342);min-height:330px;width:100%}.card-container .card-right .button-container{display:flex;justify-content:flex-end}.card-container .card-right .button-container div{background:#ffd0c4;border-radius:50px;cursor:pointer;margin-left:5px;padding:5px 9px;transition:.1s}.card-container .card-right .button-container div:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.card-container .card-right .button-container div img{height:16px;-webkit-transform:translateY(3px);transform:translateY(3px);width:16px}.card-container .card-right .card-footer{align-items:center;display:flex;justify-content:center;justify-content:space-between;padding:12px 0 4px}.card-container .card-right .card-footer img{cursor:pointer;height:22px;transition:.2s;width:22px}.card-container .card-right .card-footer img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.card-container .card-right .card-footer .comment-icon,.card-container .card-right .card-footer .like-container{align-items:center;display:flex}.card-container .card-right .card-footer .comment-icon span,.card-container .card-right .card-footer .like-container span{font-size:1.02rem;position:absolute;-webkit-transform:translate(29px,2px);transform:translate(29px,2px)}.card-container .card-right .comment-container.client{background:#fdeeee;border:none;border-radius:20px 20px 6px 20px}.card-container .card-right .comment-container{border:1px solid #ffd0c4;border-radius:20px 20px 20px 6px;display:grid;grid-template-columns:50px 1fr;margin:5px 0;padding:15px}.card-container .card-right .comment-container img{border-radius:14px;box-shadow:1px 1px 3px rgba(51,51,51,.192);height:40px;object-fit:cover;width:40px}@media screen and (max-width:440px){.card-container .card-right .comment-container img{height:37px;width:37px}}.card-container .card-right .comment-container .comment-header{display:flex;justify-content:space-between}@media screen and (max-width:440px){.card-container .card-right .comment-container .comment-header{flex-direction:column}}.card-container .card-right .comment-container .comment-header .pseudo{display:flex}.card-container .card-right .comment-container .comment-header .pseudo h3{font-family:font-1,sans-serif}.card-container .card-right .comment-container .comment-header .pseudo span{cursor:pointer;-webkit-transform:translate(6px,4px);transform:translate(6px,4px)}.card-container .card-right .comment-container .comment-header .pseudo span img{box-shadow:none;height:15px;width:15px}.card-container .card-right .comment-container .comment-header span{font-family:font-1,sans-serif;font-size:.9rem;font-style:italic}.card-container .card-right .comment-container p{margin-top:8px}.card-container .card-right .comment-container .edit-comment{color:#ffd0c4}.card-container .card-right .comment-container .edit-comment img{box-shadow:none;cursor:pointer;float:right;height:20px;margin-left:10px;transition:.15s;width:20px}.card-container .card-right .comment-container .edit-comment img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-container .card-right .comment-container .edit-comment .edit-comment-form{margin-top:14px}.card-container .card-right .comment-container .edit-comment .edit-comment-form label{background:#fdfdfd;border-radius:20px 20px 20px 6px;color:#ff7b77;cursor:pointer;display:inline-block;font-family:font-3,serif;padding:6px 12px 5px;transition:.2s}.card-container .card-right .comment-container .edit-comment .edit-comment-form label:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-container .card-right .comment-container .edit-comment .edit-comment-form input[type=text]{background:#fdfdfd;border-radius:6px 20px 6px 20px;font-size:1.15rem;margin:4px 0;padding:16px;width:100%}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn{align-items:center;display:flex;float:right}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn span{background:#fdfdfd;border-radius:50px;cursor:pointer;margin-right:6px;padding:10px 5px;transition:.2s}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn span:hover{background:#ffd0c4}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn span img{-webkit-transform:translate(-5px);transform:translate(-5px)}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn input[type=submit]{background:#ffd0c4;transition:.2s;width:inherit}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn input[type=submit]:hover{background:#ff7b77;width:inherit}.card-container .card-right .comment-form{margin-top:6px}.card-container .card-right .comment-form input[type=text]{background:#fdeeee;border-radius:20px 20px 6px 20px;font-size:1.4rem;padding:20px;width:100%}.card-container .card-right .comment-form input[type=text]:focus{box-shadow:0 0 2px rgba(51,51,51,.5)}.card-container .card-right .comment-form input[type=submit]{background:#ffd0c4;border-radius:20px 6px 20px 20px;float:right;margin-top:4px;padding:12px 16px;transition:.2s;width:120px}.card-container .card-right .comment-form input[type=submit]:hover{background:#ff7b77;letter-spacing:2px;width:130px}.card-container .card-right .comment-form button{background:#ff7b77;float:right;transition:.2s}.card-container .card-right .comment-form button:hover{background:#ffd0c4}.card-container .card-right .like-container span{font-size:1.02rem;position:absolute;-webkit-transform:translate(8px,-1px);transform:translate(8px,-1px)}.card-container .card-right .fa-share-alt{-webkit-transform:translateY(2px);transform:translateY(2px)}.card-container .update-post textarea{height:80px;width:100%!important}.card-container .update-post .button-container{text-align:right}.card-container .update-post .button-container button{margin:0 0 0 5px;width:150px}.card-container .update-post .button-container button:first-child{background:#ff7b77}.connection-from{border:2px solid #ff7b77;margin:35px auto 0;padding:20px 0;text-align:center;-webkit-user-select:none;user-select:none;width:400px}.connection-from h3{padding:10px 0 15px}.connection-from ul{display:flex;justify-content:space-around;padding:10px}.connection-from ul li{background:#ffd0c4;border-radius:18px;box-shadow:3px 3px 1px rgba(51,51,51,.418);color:#fdfdfd;cursor:pointer;padding:10px 0;transition:.3s;width:130px}.connection-from .active-btn,.connection-from ul li:hover{background:#ff7b77}.connection-from form{margin:10px auto 0;padding:20px;width:400px}.profil-page{margin:80px auto 0;max-width:1200px}.profil-page .icons{top:55px}.profil-page .log-container{display:grid;grid-template-columns:60% 40%;margin:0 auto}@media screen and (max-width:885px){.profil-page .log-container{grid-template-columns:1fr}}.profil-page .connection-form{background:#fdeeee;border:none;border-radius:20px;margin:0 auto;min-width:490px;padding:20px;text-align:center;width:90%}@media screen and (max-width:550px){.profil-page .connection-form{min-width:200px}}.profil-page .connection-form .form-container{display:grid;grid-template-columns:30% 70%}@media screen and (max-width:550px){.profil-page .connection-form .form-container{grid-template-columns:1fr}}.profil-page .connection-form .form-container ul li{border-radius:20px;cursor:pointer;padding:10px 20px;transition:.2s}@media screen and (max-width:550px){.profil-page .connection-form .form-container ul li{margin:0 auto;width:80%}}.profil-page .connection-form .form-container ul .active-btn{background:#ff7b77}.profil-page .connection-form .form-container ul .active-btn:hover{background:#ffd0c4}.profil-page .connection-form .form-container ul li:not(.active-btn):hover{-webkit-transform:translateX(3px);transform:translateX(3px)}.profil-page .connection-form .form-container ul #login{position:relative}@media screen and (max-width:550px){.profil-page .connection-form .form-container ul #login{margin-bottom:30px}.profil-page .connection-form .form-container ul #login:after{background:#ffd0c4;bottom:-10px;content:"";height:1px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}}.profil-page .connection-form .form-container form input{border-radius:20px;font-family:font-2,serif;font-size:1.2rem;margin:0;padding:14px 20px}.profil-page .connection-form .form-container form input:focus{box-shadow:0 0 3px rgba(51,51,51,.2)}.profil-page .connection-form .form-container form a{color:#3e3ed6}.profil-page h1{margin:10px 0 6px;text-align:center}.profil-page .img-container{align-items:center;display:grid;height:100%}.profil-page .img-container img{height:280px}@media screen and (max-width:1050px){.profil-page .img-container img{height:220px}}@media screen and (max-width:950px){.profil-page .img-container img{height:200px}}@media screen and (max-width:885px){.profil-page .img-container img{display:none}}.profil-page .update-container{display:grid;grid-template-columns:50% 50%}@media screen and (max-width:700px){.profil-page .update-container{grid-template-columns:1fr}}.profil-page .update-container>div{background:#fdeeee;border-radius:20px;margin:20px 10px;padding:25px}@media screen and (max-width:700px){.profil-page .update-container>div{margin:10px}}.profil-page .update-container .left-part{text-align:center}.profil-page .update-container .left-part h3{margin-bottom:12px}.profil-page .update-container .left-part img{border-radius:46px;box-shadow:0 0 6px rgba(51,51,51,.363);height:180px;margin-bottom:30px;object-fit:cover;width:180px}.profil-page .update-container .left-part form{position:relative}.profil-page .update-container .left-part form label{background:#00162c;border-radius:20px;color:#ffd0c4;cursor:pointer;display:inline-block;padding:9px 0;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.2s;width:270px;z-index:10}.profil-page .update-container .left-part form input[type=file]{cursor:pointer;opacity:1;padding:10px 20px;position:absolute;-webkit-transform:translate(-3px,-50%);transform:translate(-3px,-50%)}@media screen and (max-width:1121px){.profil-page .update-container .left-part form input[type=file]{opacity:0}}.profil-page .update-container .left-part form input[type=submit]{border-radius:20px;margin-top:10px}.profil-page .update-container .left-part form input[type=submit]:hover{letter-spacing:1px}.profil-page .update-container .left-part p{color:red;font-family:font-3,serif;margin-top:6px}.profil-page .update-container .right-part{padding:20px 40px;text-align:center}.profil-page .update-container .right-part h3{margin-bottom:12px}.profil-page .update-container .right-part p,.profil-page .update-container .right-part textarea{border:1px solid #ff7b77;border-radius:20px 20px 6px 20px;font-size:1.1rem;min-height:80px;padding:10px 20px}.profil-page .update-container .right-part textarea{font-size:1.2rem;margin-bottom:-6px;width:100%}.profil-page .update-container .right-part button{float:right;margin:5px 0}.profil-page .update-container .right-part h4{margin:60px 0 10px}.profil-page .update-container .right-part h5{background:#ff7b77;border-radius:20px;color:#fdeeee;cursor:pointer;font-family:font-1,sans-serif;font-size:1.1rem;margin:20px 0;padding:12px;transition:.2s}.profil-page .update-container .right-part h5:hover{-webkit-filter:brightness(110%);filter:brightness(110%);-webkit-transform:translateX(2px);transform:translateX(2px)}.profil-page .popup-profil-container{-webkit-animation:popup 1s forwards;animation:popup 1s forwards;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}@-webkit-keyframes popup{to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes popup{to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.profil-page .popup-profil-container .modal{-webkit-animation:modal .5s forwards;animation:modal .5s forwards;background:#ffd0c4;border-radius:20px;box-shadow:0 0 2px hsla(0,0%,51%,.356);left:50%;overflow:auto;padding:25px;position:absolute;top:10%;-webkit-transform:translate(-100%);transform:translate(-100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center;transform-origin:center}.profil-page .popup-profil-container .modal h3{min-width:200px}@-webkit-keyframes modal{to{-webkit-transform:scale(1) translate(-50%);transform:scale(1) translate(-50%)}}@keyframes modal{to{-webkit-transform:scale(1) translate(-50%);transform:scale(1) translate(-50%)}}.profil-page .popup-profil-container .modal .cross{cursor:pointer;position:absolute;right:25px;top:25px;transition:.1s}.profil-page .popup-profil-container .modal .cross:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.profil-page .popup-profil-container .modal ul{margin:20px 0 0;max-height:500px;overflow-x:hidden;overflow-y:scroll}.profil-page .popup-profil-container .modal ul::-webkit-scrollbar{width:2px}.profil-page .popup-profil-container .modal ul::-webkit-scrollbar-track{background:#fdeeee}.profil-page .popup-profil-container .modal ul::-webkit-scrollbar-thumb{background:#ff7b77}.profil-page .popup-profil-container .modal ul::-webkit-scrollbar-thumb:hover{background:#555}.profil-page .popup-profil-container .modal ul li{align-items:center;display:grid;grid-template-columns:64px 1fr 114px;margin:10px 0}.profil-page .popup-profil-container .modal ul li img{border-radius:20px;box-shadow:0 0 2px rgba(51,51,51,.376);height:50px;object-fit:cover;width:50px}.profil-page .popup-profil-container .modal ul li h4{min-width:210px;text-align:left}.profil-page .popup-profil-container .modal ul li .follow-handler{text-align:left}.profil-page .popup-profil-container .modal ul li .follow-handler button{background:#fdeeee;border-radius:20px;margin-right:6px}.profil-page .popup-profil-container .modal ul li .follow-handler button:hover{color:#00162c;-webkit-transform:translateX(2px);transform:translateX(2px)}.post-container{background:#fdeeee;border-radius:20px;margin:0 auto;padding:16px 40px;position:relative}.post-container i{color:#00162c;font-size:1.5rem;margin:20px 0}.post-container .data{position:absolute;right:42px;text-align:right}@media screen and (max-width:420px){.post-container .data{right:10px}}@media screen and (max-width:380px){.post-container .data{display:none}}.post-container .data span{font-weight:700}.post-container .user-info{margin-bottom:10px}.post-container .user-info img{border-radius:20px;box-shadow:2px 2px 2px rgba(51,51,51,.16);height:60px;object-fit:cover;width:60px}.post-container .user-info h3{color:#282828}.post-container .post-form{margin:0 auto;position:relative}.post-container .post-form textarea{border-radius:20px 20px 6px 20px;font-size:1.4rem;height:62px;padding:12px 15px;width:100%}.post-container .post-form .card-container{background:#fdfdfd;border-radius:20px 20px 6px 20px}.post-container .post-form .card-container .card-left{text-align:left}@media screen and (max-width:590px){.post-container .post-form .card-container .card-left img,.post-container .post-form .card-container .card-right{margin-left:0}}@media screen and (max-width:632px){.post-container .post-form .card-container .card-right .card-header{flex-direction:column}}@media screen and (max-width:590px){.post-container .post-form .card-container .card-right .card-header{margin:0}}@media screen and (max-width:440px){.post-container .post-form .card-container .card-right .card-header .pseudo{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@media screen and (max-width:632px){.post-container .post-form .card-container .card-right .card-header span{position:absolute;top:40px}}@media screen and (max-width:590px){.post-container .post-form .card-container .card-right .card-header span{left:68px}}@media screen and (max-width:440px){.post-container .post-form .card-container .card-right .card-header span{left:14px;top:60px}}.post-container .post-form .card-container .card-right .content{padding:6px 0}.post-container .post-form .card-container .card-right .content p{font-size:1.1rem;margin:2px 0 6px;text-align:left}.post-container .post-form .card-container .card-right .content img{border-radius:6px;margin-top:12px;width:100%}@media screen and (max-width:632px){.post-container .post-form .card-container .card-right .content{margin-top:20px}}.post-container .post-form .footer-form{display:flex;justify-content:space-between;margin:0 auto;width:100%}.post-container .post-form .footer-form .icon{cursor:pointer;height:20px;position:relative;width:30px}.post-container .post-form .footer-form .icon img{height:24px;position:absolute;-webkit-transform:translate(-18px,-1px);transform:translate(-18px,-1px);width:24px}.post-container .post-form .footer-form .icon button{background:#fdfdfd;padding:10px 20px;transition:.2s;width:190px}.post-container .post-form .footer-form .icon button:hover{background:#00162c}.post-container .post-form .footer-form .icon input{cursor:pointer;height:25px;opacity:0;position:absolute;-webkit-transform:translate(-16px,-3px);transform:translate(-16px,-3px);width:25px}.post-container .post-form .footer-form .icon input::-webkit-file-upload-button{cursor:pointer}.post-container .post-form .footer-form p{color:red;font-family:font-3,serif;margin-top:4px}.post-container .post-form .footer-form .btn-send .cancel{background:#fdfdfd;border-radius:20px;margin-right:8px}.post-container .post-form .footer-form .btn-send .cancel:hover{background:#00162c;color:#fdeeee}.post-container .post-form .footer-form .btn-send .send:hover{letter-spacing:2px}@media screen and (max-width:460px){.post-container .post-form .footer-form .btn-send button{font-size:.8rem;padding:8px}}.get-friends-container{background:linear-gradient(145deg,#ffd0c4 30%,#ffe1d9);border-radius:20px;padding:20px 20px 10px;width:356px}.get-friends-container h4{color:#00162c;font-size:1.4rem}.get-friends-container .icon{margin:16px auto;text-align:center;width:100%}.get-friends-container .icon i{color:#00162c;font-size:1.6rem}.get-friends-container ul{padding:14px 0 0;width:100%}.get-friends-container ul .user-hint{align-items:center;display:grid;grid-template-columns:20% 50% 30%;margin:8px 0}.get-friends-container ul .user-hint img{border-radius:12px;box-shadow:0 0 2px rgba(51,51,51,.377);height:46px;object-fit:cover;width:46px}.get-friends-container ul .user-hint p{font-family:font-3,serif;font-size:.9rem;text-align:left}.get-friends-container ul .user-hint span{text-align:right}.get-friends-container ul .user-hint span button{background:#ff7b77;border-radius:20px;color:#fdeeee;font-size:.9rem;padding:10px 24px 8px;transition:.2s}.get-friends-container ul .user-hint span button:hover{background:#fdeeee;color:#ff7b77}.trending-container{background:#ffd0c4;border-radius:20px;margin-bottom:14px;padding:20px;width:356px}.trending-container h4{color:#00162c;font-size:1.4rem;margin-bottom:12px}.trending-container ul li{align-items:center;background:#fdeeee;border-radius:20px;box-shadow:5px 7px 20px 9px hsla(2,100%,73%,.196);display:grid;grid-template-columns:68px 1fr;margin:5px 0;padding:16px;transition:.2s}.trending-container ul li:hover{box-shadow:none}.trending-container ul li div{height:56px}.trending-container ul li iframe,.trending-container ul li img{border-radius:20px;box-shadow:0 0 4px rgba(51,51,51,.233);height:56px;object-fit:cover;width:56px}.trending-container ul li .trend-content{height:56px;position:relative}.trending-container ul li .trend-content p{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:.9rem;overflow:hidden}.trending-container ul li .trend-content span{bottom:-11px;color:#ff7b77;font-family:font-3,serif;position:absolute;right:6px}.left-nav-container{position:relative}.left-nav-container .icons{position:fixed;z-index:10}@media screen and (max-width:590px){.left-nav-container .icons{margin:2px 0 0 -9px}}.left-nav-container .icons .icons-bis{left:10px;position:absolute}.left-nav-container .icons .icons-bis a{display:inline-block;transition:.1s}.left-nav-container .icons .icons-bis a:before{background:#fdeeee;border-radius:50px;content:"";height:45px;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;transition:.15s ease;width:45px;z-index:-10}.left-nav-container .icons .icons-bis a:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.left-nav-container .icons .icons-bis a:hover:before{-webkit-transform:scale(1);transform:scale(1)}@media screen and (max-width:590px){.left-nav-container .icons .icons-bis a:hover:before{background:#ff7b77;height:34px;width:34px}.left-nav-container .icons .icons-bis a img{height:34px;width:34px}}.left-nav-container .icons .icons-bis .active-left-nav{position:relative}.left-nav-container .icons .icons-bis .active-left-nav:after{-webkit-animation:scale 1.5s ease forwards;animation:scale 1.5s ease forwards;background:#ff7b77;border-radius:40px;bottom:8px;content:"";height:40px;left:-7px;position:absolute;-webkit-transform:scaleY(0);transform:scaleY(0);width:5px}@-webkit-keyframes scale{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes scale{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@media screen and (max-width:590px){.left-nav-container .icons .icons-bis .active-left-nav:after{height:33px;left:-8px}}.trending-page{display:grid;grid-template-columns:60px 1fr 374px;margin:62px auto 0;max-width:1200px}@media screen and (max-width:990px){.trending-page{grid-template-columns:60px 1fr;margin:58px 20px 50px}}@media screen and (max-width:590px){.trending-page{grid-template-columns:1fr;margin:58px 8px 50px}}.trending-page .main{margin-top:-8px}.trending-page .right-side{margin:0 0 0 14px;position:relative;width:100%}.trending-page .right-side .right-side-container{position:fixed;width:35%}@media screen and (min-width:1200px){.trending-page .right-side .right-side-container{width:404px}}
/*# sourceMappingURL=main.7c56accf.css.map*/