@import url(https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Fira+Mono:wght@400;500;700&family=Poppins:wght@200;300;400;500;600&family=Xanh+Mono&display=swap);:root{--ft-1:"Poppins",sans-serif;--ft-2:"Courier Prime",monospace;--ft-3:"Fira Mono",monospace;--ft-4:"Xanh Mono",monospace;--green:#45d985;--light:#fff;--red:#d90000;--alpha:rgba(0,0,0,.05);--theme:#eeaa74;--dark-200:#151d2f;--dark-100:#2b304d;--grys:#f5f5f4;font-family:Poppins,sans-serif;font-family:var(--ft-1);font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#151d2f;background:var(--dark-200);height:100vh;min-height:920px;overflow:hidden;width:100%}body *{font-size:1rem}:after,:before{content:"";position:absolute}a,span{display:inline-block}a{text-decoration:none}ul{list-style:none}img{object-fit:cover;width:100%}button{border:none;cursor:pointer;font-family:Courier Prime,monospace;font-family:var(--ft-2);outline:none}::-webkit-scrollbar{background:#151d2f;background:var(--dark-200);width:.8rem}::-webkit-scrollbar-thumb{background:#eeaa74;background:var(--theme)}.btn_social{align-items:center;background:rgba(0,0,0,.1);border-radius:50%;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:.2s;width:38px}.btn_social *{color:var(--light);font-size:1.6rem}.btn_social:hover *{color:var(--dark-100)}.banner{align-items:center;display:flex;justify-content:center;position:absolute}.banner,.banner:before{height:100%;left:0;top:0;width:100%}.banner:before{background:linear-gradient(-135deg,transparent,var(--dark-100))}.banner img{height:auto;min-height:100%;min-width:100%;width:auto}.page_content.show.home{align-items:center;display:flex;justify-content:center}.wrapper_user{height:468px;position:relative;width:378px}.wrapper_user:after,.wrapper_user:before{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);box-shadow:0 -10px 10px rgba(0,0,0,.2);height:100px;left:50%;-webkit-transform:translatex(-50%);transform:translatex(-50%);visibility:hidden}.wrapper_user:before{top:.5rem;width:258px}.wrapper_user:after{top:2rem;width:318px}.online_box{align-items:center;display:flex;flex-direction:column;height:84px;left:20px;position:absolute;top:50px;width:77px;z-index:100}.online_box .online{align-items:center;background:var(--grys);border-radius:50%;display:flex;height:38px;justify-content:center;margin:1rem 0;width:38px}.online_box .online *{font-size:2rem}.online_box .online.green{box-shadow:0 0 0 .5rem #39ca1136,0 0 0 1rem #39ca1133}.online_box .online.green *{color:#39ca11}.online_box .online.red{box-shadow:0 0 0 .5rem #d5101036,0 0 0 1rem #d5101033}.online_box .online.red *{color:#e31818}.online_box span{font-weight:500;text-transform:uppercase}.user_data{align-items:center;background:var(--grys);box-shadow:0 0 20px rgba(0,0,0,.3);display:flex;flex-direction:column;height:370px;position:relative;-webkit-transform:translateY(3.8rem);transform:translateY(3.8rem);width:378px;z-index:2}.user_data:before{background:var(--dark-200);height:1rem;left:0;top:0;width:50%}.user_data__avatar{background:linear-gradient(transparent,var(--theme));box-shadow:20px 20px 30px rgba(0,0,0,.3);height:150px;left:calc(50% - 75px);padding:.5rem;position:absolute;top:-4.4rem;width:150px}.user_data__avatar img{height:140px;width:140px}.user_data__info{align-items:center;color:var(--dark-200);display:flex;flex-direction:column;margin-top:120px;width:100%}.user_data__info h1{font-size:2rem}.user_data__info p{font-size:1.2rem;text-align:center;width:80%}.user_data__info strong{font-size:1.6rem}.user_data_descrition{height:110px;overflow:hidden;width:80%}.user_data_descrition p{font-size:1.2rem;text-align:center}.user_page{justify-content:space-between;margin-top:1rem;width:134px}.user_page,.user_page a{align-items:center;display:flex;height:38px}.user_page a{background:rgba(0,0,0,.05);border-radius:50%;justify-content:center;width:38px}.user_page a *{color:var(--theme);font-size:2rem}.social{height:58px;margin-left:auto;margin-right:auto;margin-top:4rem;padding:1rem;position:relative;width:348px}.social_menu{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.social_menu:after{background:var(--theme);bottom:-8px;height:100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:348px}.social_menu *{position:relative;z-index:2}.empty_content{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;width:100%}.empty_content *{color:rgba(0,0,0,.5);font-size:2rem}.ghost_icon *{font-size:6rem}.empty_content h2{color:rgba(0,0,0,.2)}.relation_content{align-items:center;box-shadow:0 215px var(--dark-100) inset;display:flex;flex-direction:column;height:100%;width:100%}.relation_avatar{background:linear-gradient(transparent,var(--theme));box-shadow:20px 20px 30px rgba(0,0,0,.2);height:150px;margin-top:140px;padding:.5rem;width:150px}.relation_avatar img{height:140px;width:140px}.relation_data{align-items:center;color:var(--dark-200);display:flex;flex-direction:column;margin-top:2rem;width:80%}.relation_data h2{color:var(--theme);font-size:2rem}.relation_data strong{font-size:1.6rem}.relation_data p{font-size:1.2rem;text-align:center}.relation_data a{background:var(--theme);border-radius:999px;color:var(--dark-200);margin-top:1.5rem;padding:.3rem 1rem;text-transform:uppercase}.content_video{align-items:center;color:var(--theme);display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.content_video h2{font-size:1.4rem;text-align:center;width:90%}.video_box{background:var(--dark-200);border-bottom:1rem solid var(--grys);height:236px;position:relative;width:400px}.video_box:before{background:var(--dark-200);border-radius:50%;bottom:-25px;-webkit-filter:blur(25px);filter:blur(25px);height:50px;left:15%;opacity:.6;width:70%;z-index:-1}.video_box iframe{border:none}.content_gallery{height:auto;overflow-x:hidden;width:100%}.gallery_row{height:auto;margin-bottom:.1rem;overflow:hidden;position:relative;width:100%}.gallery_row button{align-items:center;background:rgba(0,0,0,.5);border-radius:50%;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);width:50px}.gallery_row button *{color:var(--light);font-size:2.5rem}.gallery_row:hover button{-webkit-animation:pulse .3s ease-in-out forwards;animation:pulse .3s ease-in-out forwards}@-webkit-keyframes pulse{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}70%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}70%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.friends_col{background:rgba(0,0,0,.01);display:flex;flex-direction:column;gap:.1rem;height:auto;margin-left:calc(100% - 280px);min-height:100%;width:280px}.friend_row{grid-gap:.5rem;align-items:center;background:var(--dark-100);color:var(--theme);display:grid;gap:.5rem;grid-template-columns:70px 1fr 30px;height:70px;padding-right:.5rem;width:100%}.friend_row img{height:70px;width:70px}.friend_data{height:100%;overflow:hidden;padding:.5rem 0}.friend_data strong{font-size:1.4rem;font-weight:700}.friend_data p{color:var(--grys);font-size:1.1rem}.friend_row a{align-items:center;background:var(--dark-200);border-radius:50%;display:flex;height:30px;justify-content:center;transition:.5s;width:30px}.friend_row a:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.friend_row a *{color:var(--theme);font-size:2rem}.modal{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;visibility:visible;width:100%;z-index:1000}.modal.show{-webkit-animation:show_modal .3s ease-in-out forwards;animation:show_modal .3s ease-in-out forwards}@-webkit-keyframes show_modal{to{opacity:1;visibility:visible}}@keyframes show_modal{to{opacity:1;visibility:visible}}.btn_close__modal{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;bottom:2rem;display:flex;height:36px;justify-content:center;position:absolute;right:2rem;width:36px}.btn_close__modal *{fill:var(--light);color:var(--light);font-size:2rem}.inner_modal{align-items:center;display:flex;height:90vh;justify-content:center;opacity:0;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;width:90%}.inner_modal.show{-webkit-animation:show_modal_inner .5s ease-in-out .2s forwards;animation:show_modal_inner .5s ease-in-out .2s forwards}@-webkit-keyframes show_modal_inner{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);visibility:hidden}70%{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4);visibility:visible}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}}@keyframes show_modal_inner{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);visibility:hidden}70%{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4);visibility:visible}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}}.inner_modal img{height:auto;max-height:100%;max-width:100%;width:auto}.content{background:var(--dark-100);box-shadow:1rem 1rem 20px rgba(0,0,0,.4),3rem 3rem var(--theme),0 0 80px rgba(0,0,0,.5);display:flex;height:605px;position:relative;width:610px}.content:after,.content:before{background:var(--theme);border-radius:100px;height:480px;width:480px}.content:before{left:0;top:0;-webkit-transform:translate(-120%,-50%) rotate(35deg);transform:translate(-120%,-50%) rotate(35deg)}.content:after{right:0;top:100%;-webkit-transform:translate(120%) rotate(-35deg);transform:translate(120%) rotate(-35deg)}.content_nav{align-items:center;background:var(--dark-100);display:flex;height:100%;position:relative;width:90px;z-index:4}.content_nav:before{background:var(--theme);height:565px;left:100%;top:20px;width:15px}.nav_menu{position:relative;z-index:2}.nav_menu__box{display:flex;flex-direction:column;height:400px;justify-content:space-between;position:relative;width:100px}.nav_menu__box li{background:transparent;height:70px;width:100px}.nav_menu__box li.active{background:var(--grys)}.nav_menu__box li button{align-items:center;background:none;display:flex;height:70px;justify-content:center;width:90px}.nav_menu__box li button *{color:var(--grys);font-size:3.5rem;transition:.3s}.nav_menu__box li button:hover *,.nav_menu__box li.active button *{color:var(--theme)}.nav_menu__box li.current{background:transparent;height:70px;left:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%;z-index:-1}.current.home,.nav_menu__box li:first-child:hover~.current{background:var(--grys);top:0}.current.relation,.nav_menu__box li:nth-child(2):hover~.current{background:var(--grys);top:82px}.current.video,.nav_menu__box li:nth-child(3):hover~.current{background:var(--grys);top:165px}.current.gallery,.nav_menu__box li:nth-child(4):hover~.current{background:var(--grys);top:247px}.current.friend,.nav_menu__box li:nth-child(5):hover~.current{background:var(--grys);top:330px}.pages{background:var(--grys);height:605px;width:520px}.page_content{height:100%;opacity:0;position:relative;visibility:hidden;width:100%}.page_content.show{-webkit-animation:show_page .3s ease-in-out forwards;animation:show_page .3s ease-in-out forwards}@-webkit-keyframes show_page{to{opacity:1;visibility:visible}}@keyframes show_page{to{opacity:1;visibility:visible}}.content_scroll{height:100%;overflow-y:auto;padding-right:.2rem;scrollbar-color:var(--dark-200) var(--theme);scrollbar-width:thin;width:100%}.load_content{background:var(--dark-100);height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.load_content,.load_inner{align-items:center;display:flex}.load_inner{flex-direction:column}.load_inner *{color:var(--theme)}.load_circle{align-items:center;-webkit-animation:spinn 2s linear infinite;animation:spinn 2s linear infinite;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}@-webkit-keyframes spinn{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinn{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.load_circle *{font-size:3rem;font-weight:400}.load_inner span{font-size:1.4rem;letter-spacing:.1rem;margin-top:1rem;text-transform:uppercase}.App{align-items:center;display:flex;height:100vh;justify-content:center;min-height:920px;width:100%}
/*# sourceMappingURL=main.a7395f1c.css.map*/