.container{width:90%;max-width:1100px;margin:0 auto}header{width:100%;height:64px;position:fixed;top:0;left:0;background-color:#4f259e;z-index:99}header .menu-content{max-width:100%;height:inherit;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1.2rem}header .menu-content .logo{width:20%}header .menu-content .logo a{color:#fff;text-decoration:unset;letter-spacing:2px;text-transform:uppercase}header .menu-content .login-btn button{font-size:.8rem;letter-spacing:1px;font-weight:400;border:1px solid #824ede;border-radius:5px;background-color:#673ab7;color:#ebe2ff;padding:.3rem .5rem;margin-right:1rem;cursor:pointer;box-shadow:0 0 2px 1px #402571}header .menu-content .login-btn button:hover{color:#4f259e}header .menu-content .login-btn button:active{box-shadow:inset 0 0 2px 1px #48297f}header .menu-content .searchbar{width:30%}header .menu-content .searchbar input{width:-webkit-fill-available}header .menu-content .profil{width:50%;height:auto;display:inline-flex;flex-direction:row;justify-content:flex-end;align-items:center}header .menu-content .profil .pseudo-profil{margin-right:1rem}header .menu-content .profil .pseudo-profil h4{color:#c4a4ff;font-size:1.1rem;font-weight:500}header .menu-content .profil .sub-menu{cursor:pointer}header .menu-content .profil .menu-mobile{position:absolute;display:flex;flex-direction:column;top:4em;right:0;width:130px;height:150px;background:#2b2135;justify-content:center;align-items:center}header .menu-content .profil .menu-mobile span{margin:.5rem 0;padding:.5rem 0;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer}header .menu-content .profil .menu-mobile span:hover{color:#b289ff}header .menu-content .profil .menu-mobile .lignes{width:85%;height:1px;background:#3a2b56}header .menu-content .profil .icon-profil{width:36px;height:36px;background-position:50%;background-size:cover;object-fit:cover;border-radius:50%;border:4px solid #b289ff;margin-right:1.5rem}.bot-nav-container{position:fixed;width:100%;height:48px;bottom:0;left:0;background:#f8f8f8}.bot-nav-container .icons{width:100%;height:inherit;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;place-items:center}.bot-nav-container .icons a.active-bot{border-bottom:2px solid #4f259e}.main-form{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:4rem}.main-form h1{color:#392361}.main-form h3{color:rgba(57,35,97,.6196078431372549)}.main-form form{max-width:600px;height:auto;background:rgba(103,58,183,.14901960784313725);border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem auto;padding:2rem}.main-form form input{margin:.5rem 0;border:1px solid #5c4880;padding:.5rem .8rem;border-radius:4px;font-size:1rem;color:#2b2135;font-weight:500;letter-spacing:.5px}.main-form form p{color:rgba(57,35,97,.6196078431372549)}.main-form form a{color:#4f259e}.main-form form a:hover{color:#b289ff}.main-form form .btn-style{background:#4f259e;text-align:center;text-transform:uppercase;font-weight:400;font-size:1rem;color:#fff;border:2px solid #fff;border-radius:4px;padding:.5rem 2rem;cursor:pointer;transition:all .15s ease-out;border:2px solid #4f259e!important}.main-form form .btn-style:hover{background:transparent;border:2px solid #4f259e;color:#4f259e;box-shadow:0 0 10px -4px #4f259e;transition:all .15s ease-out}.main-form form .btn-style:active{color:#b289ff;border:2px solid #b289ff;box-shadow:0 0 10px 0 #b289ff;transition:all .15s ease-out}.main-form form .active{border:1px solid red}.main-form form .error{font-size:.8rem;font-weight:400;color:red;margin:.5rem 0;text-transform:lowercase}.profil-main{width:100%;min-height:100vh;position:relative}.profil-main .head-cover{width:100%;height:360px;margin-top:4rem}@media (max-width:864px){.profil-main .head-cover{height:260px}}.profil-main .head-cover img{object-fit:cover;width:100%;height:100%}.profil-main .head-cover .cover-upload{right:25px;-webkit-transform:translateY(25px);transform:translateY(25px);position:absolute;border-radius:50%;border:2px solid #8a2be2;width:48px;height:48px;display:inline-flex;justify-content:center;align-items:center;background-color:rgba(138,43,226,.5294117647058824)}.profil-main .head-cover .btn-upload-cover{right:17px;-webkit-transform:translateY(95px);transform:translateY(95px);position:absolute;background:rgba(138,43,226,.5294117647058824);text-align:center;font-weight:400;font-size:.8rem;color:#fff;border:2px solid #8a2be2;padding:.2rem .5rem;border-radius:20px;cursor:pointer;transition:all .15s ease-out}.profil-main .head-cover .btn-upload-cover:hover{background:transparent;color:#8a2be2;border:2px solid #8a2be2}.profil-main .avatar-profil{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.profil-main .avatar-profil img{width:160px;height:160px;object-fit:cover;object-position:top;border-radius:50%;border:6px solid #4f259e;background-color:#4f259e;-webkit-transform:translateY(-45%);transform:translateY(-45%)}.profil-main .avatar-profil .icone-upload{position:absolute;-webkit-transform:translate(150%,-35%);transform:translate(150%,-35%);border-radius:50%;background-color:#8a2be2;width:48px;height:48px;display:inline-flex;justify-content:center;align-items:center}.profil-main .avatar-profil .btn-upload{position:relative;margin:1rem 0;width:120px;height:35px;-webkit-transform:translateY(-50px);transform:translateY(-50px);background:#4f259e;text-align:center;text-transform:uppercase;font-weight:400;font-size:1rem;color:#fff;border:2px solid #fff;border-radius:4px;cursor:pointer;transition:all .15s ease-out;padding:.5rem .8rem}.profil-main .avatar-profil .btn-upload:hover{background:transparent;color:#4f259e;border:2px solid #4f259e}.profil-main .sec-info{width:100%;height:100%;position:relative;margin-top:-4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:4rem}.profil-main .sec-info h2{color:#2b2135}.profil-main .sec-info .section-bio{padding:0 1rem;text-align:center}.profil-main .sec-info .section-bio p{font-style:italic;font-size:1.2rem;color:#63577b;margin:0}.profil-main .sec-info .section-bio .btn-style{background:#4f259e;text-align:center;text-transform:uppercase;font-weight:400;font-size:1rem;color:#fff;border:2px solid #fff;border-radius:4px;padding:.5rem 2rem;cursor:pointer;transition:all .15s ease-out;padding:.5rem 1rem!important;margin-top:1.5rem}.profil-main .sec-info .section-bio .btn-style:hover{background:transparent;border:2px solid #4f259e;color:#4f259e;box-shadow:0 0 10px -4px #4f259e;transition:all .15s ease-out}.profil-main .sec-info .section-bio .btn-style:active{color:#b289ff;border:2px solid #b289ff;box-shadow:0 0 10px 0 #b289ff;transition:all .15s ease-out}.profil-main .sec-info .section-bio textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;width:90%;min-height:100px;resize:none;border-radius:8px;border:1px solid #ddd;padding:.5rem;color:#666;box-shadow:inset 0 0 .25rem #ddd}.profil-main .sec-info .section-bio textarea:focus{outline:none;border:1px solid #d0d0d0;box-shadow:inset 0 0 .5rem #d0d0d0}.profil-main .sec-info .section-bio textarea[placeholder]{font-style:italic;font-size:.875rem}.profil-main .sec-info .section-bio #the-count{float:right;padding:.1rem 0 0;font-size:.875rem}.profil-main .sec-info .btn-follow{margin-top:1rem}.profil-main .sec-info .btn-follow button{background:#4f259e;text-align:center;text-transform:uppercase;font-weight:400;color:#fff;border:2px solid #fff;border-radius:30px;padding:.5rem 2rem;cursor:pointer;transition:all .15s ease-out;font-size:.9rem;text-transform:capitalize}.profil-main .sec-info .btn-follow button:hover{border:2px solid #4f259e;background-color:transparent;color:#4f259e}.profil-main .sec-info .timestamp{color:rgba(99,87,123,.7411764705882353)}.profil-main .sec-info .sec-follow{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;justify-items:center;margin-bottom:4rem}.profil-main .sec-info .sec-follow .followers{width:50%;height:50px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(79,37,158,.0784313725490196);padding:1rem;border-radius:7px;border:1px solid rgba(79,37,158,.2196078431372549);cursor:pointer}.profil-main .sec-info .sec-follow .followers:hover{box-shadow:0 0 2px #63577b}.profil-main .sec-info .sec-follow .followers .first{width:100%;display:inline-flex;flex-direction:row;justify-content:center;align-items:center}.profil-main .sec-info .sec-follow .followers .first h4{margin:0 0 0 .5rem;color:#63577b;font-size:1.3rem;font-weight:400;letter-spacing:-1.5px}.profil-main .sec-info .sec-follow .followers h3{margin:0;color:#63577b;font-size:.9rem;font-weight:500}.profil-main .sec-info .sec-follow .following{width:50%;height:50px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(79,37,158,.0784313725490196);padding:1rem;border-radius:7px;border:1px solid rgba(79,37,158,.2196078431372549);cursor:pointer}.profil-main .sec-info .sec-follow .following:hover{box-shadow:0 0 2px #63577b}.profil-main .sec-info .sec-follow .following .first{width:100%;display:inline-flex;flex-direction:row;justify-content:center;align-items:center}.profil-main .sec-info .sec-follow .following .first h4{margin:0 0 0 .5rem;color:#63577b;font-size:1.3rem;font-weight:400;letter-spacing:-1.5px}.profil-main .sec-info .sec-follow .following h3{margin:0;color:#63577b;font-size:.9rem;font-weight:500}.modal-popup{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(38,53,86,.9803921568627451);z-index:200;display:flex;justify-content:center;align-items:center}.modal-popup .followers-popup{width:80%;height:75%;background:#f1edf9;position:relative;border:2px solid #333;border-radius:15px;padding:1rem}.modal-popup .followers-popup h1{font-size:1.6rem;color:#2b2135;margin-left:1rem}.modal-popup .followers-popup svg{cursor:pointer;padding:1rem;right:0;display:inline-block;position:absolute}.modal-popup .followers-popup ul{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:flex-start;list-style:none;position:relative;width:90%;height:inherit;margin:0 auto;padding:0}.modal-popup .followers-popup ul li{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-around;width:90%;height:40px;margin:.5rem auto;background:#fff;border:1px solid #d5c8ec;border-radius:7px;padding:.2rem 0;box-shadow:0 0 5px 1px #eae3f7}.modal-popup .followers-popup ul li a{text-decoration:none}.modal-popup .followers-popup ul li a:hover{text-decoration:underline}.modal-popup .followers-popup ul li h5{letter-spacing:.5px;font-size:.9rem;font-weight:400;color:#2b2135}.modal-popup .followers-popup ul li .follow-btn{background:transparent;border:2px solid #4f259e;border-radius:15px;padding:.1rem .5rem;color:#4f259e;font-weight:300;cursor:pointer}.modal-popup .followers-popup ul li .follow-btn:hover{background-color:#4f259e;color:#fff}.modal-popup .followers-popup ul li .unfollow-btn{background:#4f259e;border:2px solid #4f259e;border-radius:15px;padding:.1rem .5rem;color:#fff;font-weight:300;cursor:pointer}.modal-popup .followers-popup ul li .unfollow-btn:hover{background-color:transparent;color:#4f259e}.modal-popup .followers-popup ul li img{width:34px;height:34px;object-fit:cover;object-position:top;border-radius:50%;border:2px solid #4f259e;background-color:#4f259e}.main-posts{width:100%;min-height:100vh;position:relative;margin-top:1rem}.main-posts ul{margin:0;padding:0;list-style:none;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-posts ul .card-container{width:100%;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 0 8px #e8e8e8;margin:2rem 0}.main-posts ul .card-container .card-head{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:1rem 0}.main-posts ul .card-container .card-head .sec-avatar{width:100%;height:100%;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.main-posts ul .card-container .card-head .sec-avatar .avatar-icon{width:42px;height:42px;background-position:top;object-fit:cover;border-radius:50%;border:4px solid #b289ff;margin-left:1.5rem}.main-posts ul .card-container .card-head .sec-avatar .sec-name{margin-left:1.2rem}.main-posts ul .card-container .card-head .sec-avatar .sec-name a{text-decoration:none}.main-posts ul .card-container .card-head .sec-avatar .sec-name a:hover{text-decoration:underline;color:#b289ff}.main-posts ul .card-container .card-head .sec-avatar .sec-name h3{font-size:1.2rem;font-weight:500;margin:0;color:#2b2135}.main-posts ul .card-container .card-head .sec-avatar .sec-name p{margin:0;font-size:.8rem;font-weight:400;color:#8c8c8c}.main-posts ul .card-container .card-content{width:100%;position:relative}.main-posts ul .card-container .card-content .update-post textarea{width:80%;min-height:60px;display:flex;margin:.5rem auto;border:1px solid #ececec;box-shadow:0 0 4px 0 #c4bcd4;border-radius:15px;padding:.8rem .9rem;font-weight:400;font-size:1rem;color:#2b2135;align-items:center;justify-content:center;outline:none;resize:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.main-posts ul .card-container .card-content .update-post .btn-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.main-posts ul .card-container .card-content .update-post .btn-container button{background:#4f259e;text-align:center;text-transform:uppercase;font-weight:400;font-size:.7rem;color:#fff;border:2px solid #4f259e;border-radius:15px;padding:.6rem 1rem;cursor:pointer;transition:all .15s ease-out}.main-posts ul .card-container .card-content .update-post .btn-container button:hover{background-color:transparent;color:#4f259e}.main-posts ul .card-container .card-content p{margin:1rem 1.5rem;font-size:1rem;font-weight:500;line-height:1.6;color:#453356}.main-posts ul .card-container .card-content .sec-icones{margin:1rem;width:85%;position:relative;display:inline-flex;flex-direction:row;justify-content:flex-end}.main-posts ul .card-container .card-content .sec-image{width:100%;height:360px;position:relative}.main-posts ul .card-container .card-content .sec-image iframe{width:-webkit-fill-available;height:-webkit-fill-available}.main-posts ul .card-container .card-content .sec-image img{width:100%;height:100%;object-fit:cover}.main-posts ul .card-container .card-footer{position:relative;width:100%}.main-posts ul .card-container .card-footer .icons-card{height:64px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.main-posts ul .card-container .card-footer .icons-card .like{align-items:center;justify-content:center;display:inline-flex;cursor:pointer!important}.main-posts ul .card-container .card-footer .icons-card .like span{font-size:1.1rem;font-weight:500;margin-left:.5rem;color:#8c8c8c}.main-posts ul .card-container .card-footer .icons-card .like span svg{cursor:pointer!important}.main-posts ul .card-container .card-footer .icons-card .like span svg:hover{size:2rem}.main-posts ul .card-container .card-footer .icons-card .like .likes-num-active{color:#ff3c3c}.main-posts ul .card-container .card-footer .icons-card .comment{align-items:center;justify-content:center;display:inline-flex;cursor:pointer!important}.main-posts ul .card-container .card-footer .icons-card .comment span{font-size:1.1rem;font-weight:500;margin-left:.5rem;color:#8c8c8c}.main-posts ul .card-container .card-footer .icons-card .share{align-items:center;justify-content:center;display:inline-flex}.main-posts ul .card-container .card-footer .icons-card .share span{font-size:1.1rem;font-weight:500;margin-left:.5rem;color:#8c8c8c}.main-posts ul .card-container .card-footer .comments-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem 0}.main-posts ul .card-container .card-footer .comments-container .comment-cont{width:80%;min-height:64px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;margin:.5rem 0;border:1px solid #ececec;box-shadow:0 0 4px 0 #c4bcd4;border-radius:15px;padding:.5rem;position:relative}.main-posts ul .card-container .card-footer .comments-container .comment-cont .avatar-icon{width:38px;height:38px;background-position:top;object-fit:cover;border-radius:50%;border:2.5px solid #b289ff}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec{width:100%;height:100%;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec a{text-decoration:none}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec a:hover{text-decoration:underline}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .pseudo{margin-left:1rem}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .pseudo h3{margin:0;color:#2b2135;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .timestamp{width:100%;height:20px;font-size:.8rem;font-weight:300;color:#a0a0a0;margin-top:.5rem;margin-left:1.5rem}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .comment{padding:.5rem;margin-left:.5rem;font-size:.9rem;letter-spacing:.5px;line-height:1.6;color:#6c6c6c}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .comment p{margin:0}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .edit-comment{width:100%;height:100%;position:relative}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .edit-comment .edit-comment-form{width:90%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;margin:0}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .edit-comment .edit-comment-form label{position:absolute;top:-85px;right:10px}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .edit-comment .edit-comment-form input{width:100%;min-height:36px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;margin:.5rem 0;border:1px solid #ececec;box-shadow:0 0 4px 0 #c4bcd4;border-radius:15px;padding:0 .9rem;font-weight:400;font-size:1rem;color:#2b2135}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .edit-comment .edit-comment-form button{background:#4f259e;text-align:center;text-transform:uppercase;font-weight:400;font-size:.7rem;color:#fff;border:2px solid #4f259e;border-radius:15px;padding:.4rem .8rem;cursor:pointer;transition:all .15s ease-out;margin:1rem 0}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .edit-comment .edit-comment-form .delete-btn{position:absolute;top:2px;right:60px}.main-posts ul .card-container .card-footer .comments-container .comment-cont .right-sec .edit-comment span{position:absolute;top:-85px;right:10px}.main-posts ul .card-container .card-footer .comment-form{width:80%;height:inherit;display:flex;flex-direction:column;align-items:center}.main-posts ul .card-container .card-footer .comment-form input{width:100%;min-height:36px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;margin:.5rem 0;border:1px solid #ececec;box-shadow:0 0 4px 0 #c4bcd4;border-radius:15px;padding:.5rem;font-weight:400;font-size:1rem;color:#2b2135}.main-posts ul .card-container .card-footer .comment-form input:focus-visible{border-radius:15px;outline:none;border:2px solid #e7e7e7}.main-posts ul .card-container .card-footer .comment-form button{background:#4f259e;text-align:center;text-transform:uppercase;font-weight:400;font-size:1rem;color:#fff;border:2px solid #fff;border-radius:4px;padding:.5rem 2rem;cursor:pointer;transition:all .15s ease-out}.main-posts ul .card-container .card-footer .comment-form button:hover{background:transparent;border:2px solid #4f259e;color:#4f259e;box-shadow:0 0 10px -4px #4f259e;transition:all .15s ease-out}.main-posts ul .card-container .card-footer .comment-form button:active{color:#b289ff;border:2px solid #b289ff;box-shadow:0 0 10px 0 #b289ff;transition:all .15s ease-out}i{color:rgba(178,137,255,.38823529411764707)}.form-post-main{width:100%;position:relative;margin-top:6rem}.form-post-main .card-form{width:100%;min-height:250px;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 0 8px #e8e8e8;display:flex;position:relative;overflow:hidden;flex-direction:row;align-items:flex-start;justify-content:flex-start}.form-post-main .card-form .card-header{width:72px;height:100%;margin:1rem}.form-post-main .card-form .card-header .profile img{width:48px;height:48px;background-position:top;object-fit:cover;border-radius:50%;border:4px solid #b289ff}.form-post-main .card-form .card-content{margin:1rem;display:inline-flex;flex-direction:column;align-items:flex-start;width:100%;height:85%}.form-post-main .card-form .card-content .ligne{width:100%;height:2px;background-color:#e8e8e8;margin:2rem 0}.form-post-main .card-form .card-content .icones{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%;height:40px}.form-post-main .card-form .card-content .icones button{background:#4f259e;text-align:center;font-weight:400;font-size:1.2rem;color:#fff;border:2px solid #fff;border-radius:24px;padding:.5rem 1rem;cursor:pointer;transition:all .15s ease-out}.form-post-main .card-form .card-content .icones button:hover{background:transparent;color:#4f259e;border:2px solid #4f259e}.form-post-main .card-form .card-content textarea{margin-top:.5rem;border:none;outline:none;text-align:left;direction:ltr;width:100%;height:140px;font-size:1.4rem;color:#2b2135;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:400;resize:none}.main-home{width:100%;min-height:90vh;position:relative;color:#ebe2ff}.main-home .head-cover{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:-1}.main-home .head-cover:after{content:"";width:100%;height:100%;left:0;top:0;position:absolute;z-index:0;background-color:rgba(29,14,56,.6)}.main-home .head-cover img{width:100vw;height:100vh;object-fit:cover;z-index:-2}.main-home .sec-left{width:100%;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:4rem}.main-home .sec-left .btn-style{background:#4f259e;text-align:center;text-transform:uppercase;font-weight:400;font-size:1rem;color:#fff;border-radius:4px;padding:.5rem 2rem;cursor:pointer;transition:all .15s ease-out;width:160px;text-decoration:none;font-weight:600;border:2px solid #4f259e;color:#ebe2ff}.main-home .sec-left .btn-style:hover{background:transparent;border:2px solid #4f259e;color:#4f259e;box-shadow:0 0 10px -4px #4f259e;transition:all .15s ease-out}.main-home .sec-left .btn-style:active{color:#b289ff;border:2px solid #b289ff;box-shadow:0 0 10px 0 #b289ff;transition:all .15s ease-out}.main-home .sec-left .btn-style:hover{color:#b289ff;border:2px solid #b289ff}.main-home .sec-left h5{font-size:1.5rem;font-weight:400;margin:0 0 1.5rem}.main-home .sec-left p a{font-weight:600;color:#c7a9ff;text-decoration:none}.main-home .sec-left p a:hover{text-decoration:underline}.search-main{display:flex;width:100%;height:100%;position:relative;margin:5rem 0;flex-direction:column;align-content:center;justify-content:center;align-items:flex-start}.search-main .title{font-size:1.6rem;font-weight:500;margin-left:1rem;color:#2b2135}.search-main input{width:80%;height:26px;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 0 8px #e8e8e8;margin:1rem auto;padding:.5rem 1rem;font-size:1rem;color:#2b2135;outline:none}.search-main input:focus-visible{border:1px solid #4f259e}.search-main .list-user{padding:0;margin:0;display:flex;width:100%;height:100%;position:relative;flex-direction:column;justify-content:center;align-items:center}.search-main .list-user a{text-decoration:none;width:inherit;height:inherit;color:#2b2135;display:contents}.search-main .list-user a:hover{text-decoration:underline;color:#4f259e!important}.search-main .list-user a:visited{color:#2b2135}.search-main .list-user a:active{color:#b289ff}.search-main .list-user .user{width:70%;height:auto;text-decoration:none;list-style:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 0 8px #e8e8e8;margin:.2rem 0;padding:.5rem 2rem}.search-main .list-user .user:hover{background-color:#f7f3ff}.search-main .list-user .user img{width:46px;height:46px;background-position:50%;background-size:cover;object-fit:cover;border-radius:50%;border:2px solid #b289ff;margin-right:1.5rem}body{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}img{max-width:100%;max-height:100%}input,textarea{font-size:1rem;font-weight:400}.App{width:100%;height:100%;display:block;position:relative}
/*# sourceMappingURL=main.770b0061.chunk.css.map */