@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Oswald:wght@200;300;400;500;700&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800&family=Xanh+Mono&display=swap);:root{--ft-1:"Roboto Slab",serif;--ft-2:"Oswald",sans-serif;--ft-3:"Fira Mono",monospace;--ft-4:"Xanh Mono",monospace;--green:#45d985;--light:#fff;--red-200:#d11e22;--red-100:#e90d0f;--alpha:rgba(0,0,0,.05);--grys-300:#a2c2c8;--grys-200:#c9d8db;--grys-100:#fcffff;--theme-300:#f15e00;--theme-200:#f38400;--theme-100:#ebbc40;--second:#f29ea0;--dark-200:#1f2024;--dark-100:#25282d;--gradient-90:linear-gradient(90deg,var(--red-100),var(--red-200));--gradient-45:linear-gradient(45deg,var(--grys-100),var(--grys-300));--gradient:linear-gradient(var(--second),var(--theme-300));--facebook:#3b5995;--twitter:#1da1f2;--google:#dd4b39;--youtube:#c4302b;--vimeo:#1ab7ea;--dribbble:#ea4c89;--github:#333;--instagram:#c13584;--pinterest:#e60023;--flickr:#0063dc;--bitbucket:#205081;--linkedin:#0e76a8;--whatsapp:#12af0a;--tumblr:#35465c;--tiktok:#222;--discord:#5865f2;color:#fff;color:var(--light);font-family:Fira Mono,monospace;font-family:var(--ft-3);font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1f2024 20%,#25282d 20.05%,#25282d 80%,#1f2024 80.05%);background:linear-gradient(135deg,var(--dark-200) 20%,var(--dark-100) 20.05%,var(--dark-100) 80%,var(--dark-200) 80.05%);height:100vh;min-height:92rem;min-height:100vh;overflow-x: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:Oswald,sans-serif;font-family:var(--ft-2);outline:none}.bg_grad{background:linear-gradient(45deg,#fcffff,#a2c2c8);background:var(--gradient-45);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;display:inline-block}::-webkit-scrollbar{background:rgba(0,0,0,.05);background:var(--alpha);border-radius:.8rem;width:.8rem}::-webkit-scrollbar-thumb{background:#c9d8db;background:var(--grys-200);border-radius:.8rem}.background_content{height:100%;left:0;overflow:hidden;position:fixed;position:relative;top:0;width:100%}.bg_square{left:0;position:absolute;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1}.bg_square:first-child{background:var(--theme-300);height:35rem;-webkit-transform:translate(-30%,-50%) rotate(45deg);transform:translate(-30%,-50%) rotate(45deg);width:35rem}.bg_square:nth-child(2){border:10rem solid var(--theme-100);height:42rem;left:100%;top:100%;-webkit-transform:translate(-60%,-100%) rotate(45deg);transform:translate(-60%,-100%) rotate(45deg);width:42rem}.bg_square:nth-child(3){background:repeating-linear-gradient(var(--grys-100) 1px,var(--grys-100) 10px,transparent 11px,transparent 20px);height:20rem;left:90%;-webkit-mask-image:radial-gradient(#000 65%,transparent 65.6%);mask-image:radial-gradient(#000 65%,transparent 65.6%);top:5%;-webkit-transform:translate(-40%,30%) rotate(45deg);transform:translate(-40%,30%) rotate(45deg);width:20rem}.bg_circle{border-radius:50%;left:0;position:absolute;top:0;z-index:-1}.bg_circle:nth-child(4){background:var(--grys-200);height:50rem;top:100%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);width:50rem}.bg_circle:nth-child(5){border:5rem solid var(--theme-200);height:50rem;left:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50rem}.bg_circle:nth-child(6){border:.5rem solid var(--theme-100);height:12rem;left:10%;top:80%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:12rem}.wrapper_online{display:flex;gap:.5rem;height:3.8rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.online_avatar,.online_avatar img{border-radius:50%;display:flex;height:3.8rem;width:3.8rem}.online_avatar{position:relative}.online_dots{background:var(--light);border-radius:50%;height:1.2rem;position:absolute;right:0;top:0;width:1.2rem}.online_dots.green{background:var(--green)}.online_dots.red{background:var(--red-100)}.wrapper_online span{background:var(--theme-200);border-radius:999px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.4rem 1.5rem;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.empty_content{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:flex-start;width:100%}.empty_icon *{color:var(--alpha);font-size:8rem;margin-top:5rem}.empty_content h3{color:var(--grys-200);font-size:1.8rem}.btn_social{align-items:center;background:rgba(0,0,0,.05);border-radius:50%;display:flex;height:3.8rem;justify-content:center;width:3.8rem}.btn_social *{color:var(--theme-200);font-size:1.6rem}.btn_social:hover{background:var(--theme-200)}.btn_social:hover *{color:var(--light)}.content_page{background:var(--grys-100);height:100%;opacity:0;padding:5rem 2.5rem;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);visibility:hidden;width:100%}.content_page.show{-webkit-animation:show_page .5s ease-in-out forwards;animation:show_page .5s ease-in-out forwards}@-webkit-keyframes show_page{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@keyframes show_page{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}.content_page h1{color:var(--theme-100);font-size:1.8rem}.home_description{height:auto;margin-top:2rem;max-height:20rem;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--alpha) var(--grys-200);scrollbar-width:thin;width:100%}.home_description p{color:var(--grys-300);font-size:1.4rem}.wrapper_social{align-items:center;display:flex;flex-direction:column;margin-top:4rem;width:100%}.wrapper_social h3{color:var(--grys-300);font-size:1.2rem;font-weight:500;letter-spacing:.2rem;text-transform:uppercase}.social_menu{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.content_page__inner{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--alpha) var(--grys-200);scrollbar-width:thin;width:100%}.relation_avatar{border-radius:50%;box-shadow:0 0 0 .2rem var(--theme-200) inset;height:14rem;padding:.5rem;width:14rem}.relation_avatar img{border-radius:50%;height:13rem;width:13rem}.content_page__inner h2{color:var(--theme-200);font-size:2rem;margin-top:4rem;position:relative;text-transform:uppercase}.content_page__inner h2:before{background:var(--theme-200);border-radius:999px;color:var(--light);content:attr(data-id);font-size:1rem;left:50%;padding:.4rem 1.5rem;top:-2rem}.relation_description{height:auto;margin:2rem 0;width:100%}.relation_description p{color:var(--grys-300);font-size:1.4rem}.content_page__inner a{background:var(--theme-200);border-radius:999px;color:var(--light);margin-left:100%;padding:.4rem 1.5rem;position:relative;text-transform:uppercase;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content_page__inner a:hover{background:var(--theme-300)}.friend_content{display:flex;flex-direction:column;gap:3rem;height:auto;padding:2rem;width:100%}.friend_row{background:var(--light);border-radius:.4rem;box-shadow:1.5rem 1.5rem 1.5rem rgba(0,0,0,.1);display:flex;gap:1rem;height:7rem;width:26rem}.friend_row__avatar,.friend_row__avatar img{border-radius:.4rem;display:flex;height:7rem;width:7rem}.friend_row__avatar{box-shadow:1rem 1rem 1.5rem rgba(0,0,0,.2);flex-shrink:0;position:relative;-webkit-transform:translate(-1.5rem,-1.3rem);transform:translate(-1.5rem,-1.3rem)}.friend_row__data{flex:1 1;padding:1rem 1rem 1rem 0;position:relative}.friend_row__data strong{color:var(--theme-200);font-size:1.4rem}.friend_row__data p{color:var(--grys-300);margin-top:.5rem}.friend_row__data a{bottom:0;position:absolute;right:0;-webkit-transform:translate(-2rem,50%);transform:translate(-2rem,50%)}.content_page__inner.video{justify-content:flex-start;position:relative;z-index:2}.video_title{color:var(--grys-300);font-size:1.8rem;font-weight:500;text-align:center;width:100%}.video_box{background:#222;height:17rem;margin-top:2rem;position:relative;width:30rem}.video_box:before{background:#000;border-radius:50%;bottom:-1rem;-webkit-filter:blur(2rem);filter:blur(2rem);height:4rem;left:15%;opacity:.5;width:70%;z-index:-1}.video_box iframe{border:none}.content{display:grid;height:100%;place-content:center;position:absolute;width:100%;z-index:10}.content_inner{height:75rem;position:relative;width:89rem}.wrapper_banner__user{align-items:center;background:var(--gradient-45);border-radius:3rem;box-shadow:2.5rem 3rem 5rem rgba(0,0,0,.3);display:flex;height:61rem;justify-content:center;left:0;overflow:hidden;position:absolute;top:8rem;width:39rem;z-index:10}.wrapper_banner__user:after,.wrapper_banner__user:before{background:var(--theme-100);border-radius:50%;height:25rem;width:25rem}.wrapper_banner__user:before{left:0;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wrapper_banner__user:after{background:var(--theme-200);bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.wrapper_banner__user img{height:auto;min-height:100%;min-width:100%;width:Auto}.container{box-shadow:0 0 7rem rgba(0,0,0,.5);height:75rem;margin-left:12rem;width:77rem}.banner_content,.container{background:var(--grys-100);border-radius:3rem;position:relative}.banner_content{box-shadow:0 .2rem .5rem rgba(0,0,0,.05);height:22rem;width:100%;z-index:2}.banner_content__img{align-items:center;background:var(--gradient-45);border-radius:3rem;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.banner_content__img:before{background:linear-gradient(transparent,var(--grys-100));height:100%;left:0;top:0;width:100%;z-index:1}.banner_content__img img{-webkit-filter:grayscale(1);filter:grayscale(1);height:auto;min-height:100%;min-width:100%;mix-blend-mode:multiply;width:auto}.banner_content__desc{height:22rem;padding:2.5rem;position:relative;width:100%;z-index:2}.banner_toggle{display:flex;height:auto;justify-content:flex-end;position:absolute;right:2.5rem;top:2.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.toggle_btn{background:none;height:4rem;position:relative;width:3rem}.toggle_btn_bar{background:var(--light);height:.4rem;left:calc(50% - 1.5rem);position:absolute;top:calc(50% - .2rem);transition:.2s;width:3rem}.toggle_btn_bar:first-child{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.toggle_btn_bar:nth-child(2){width:1.5rem}.toggle_btn_bar:nth-child(3){-webkit-transform:translateY(1rem);transform:translateY(1rem)}.toggle_btn_bar.active:first-child,.toggle_btn_bar.active:nth-child(2){height:.15rem;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);width:3rem}.toggle_btn_bar.active:nth-child(3){height:.15rem;-webkit-transform:translatey(0) rotate(-45deg);transform:translatey(0) rotate(-45deg)}.toggle_btn *{color:var(--light);font-size:3.5rem}.toggle_menu{background:var(--theme-200);border-radius:.3rem;box-shadow:.5rem 1rem 2.5rem rgba(0,0,0,.5);display:flex;flex-direction:column;gap:.2rem;padding:1rem;position:absolute;right:4rem;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:right top;transform-origin:right top;z-index:10}.toggle_menu.active{-webkit-animation:show_menu .3s ease-in-out forwards;animation:show_menu .3s ease-in-out forwards}@-webkit-keyframes show_menu{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes show_menu{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}.toggle_menu a{align-items:center;background:var(--theme-100);border-radius:.3rem;color:var(--light);display:flex;height:2.6rem;justify-content:center;text-transform:uppercase;transition:.2s;width:8.5rem}.toggle_menu a:hover{background:var(--dark-100)}.banner_user{display:flex;gap:1rem;height:12rem;left:30rem;position:absolute;top:8rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user_avatar_img{border-radius:50%;box-shadow:0 0 0 .2rem var(--theme-200) inset;height:10rem;padding:.5rem;width:10rem}.user_avatar_img img{border-radius:50%;height:9rem;width:9rem}.user_data h1{font-size:2.2rem;text-transform:uppercase}.user_data strong{color:var(--theme-100);display:block;font-size:2.2rem;line-height:1.8rem;margin-left:auto;text-align:right}.user_data p{font-size:1.4rem}.user_data_location{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.user_data_location *{color:var(--theme-200);font-size:3rem}.user_data_location span{background:var(--theme-200);border-radius:999px;color:var(--light);font-size:1.4rem;padding:.4rem 1.5rem}.wrapper_pages{height:53rem;margin-left:27rem;position:relative;width:50rem;z-index:1}.pages_content,.pages_group{background:var(--grys-100);height:53rem;position:relative;width:36rem}.pages_group:before{background:#000;border-radius:50%;-webkit-filter:blur(2.5rem);filter:blur(2.5rem);height:75%;opacity:.3;right:-1.5rem;top:12.5%;width:3rem;z-index:1}.pages_content{z-index:2}.pages_menu{align-items:center;display:flex;height:53rem;position:absolute;right:0;top:0;width:14rem}.pages_menu ul{display:flex;flex-direction:column;gap:1rem}.menu_item{align-items:center;background:transparent;border-radius:0 999px 999px 0;cursor:pointer;display:flex;gap:1rem;height:3.8rem;padding-left:2rem;position:relative;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);transition:.2s;width:12.5rem}.menu_item *{color:var(--theme-300);font-size:2rem}.menu_item span{font-size:1.4rem;text-transform:uppercase}.menu_item.active,.menu_item:hover{background:var(--theme-300)}.menu_item.active *,.menu_item:hover *{color:var(--light)}.load_content{grid-gap:1rem;background:var(--dark-100);display:grid;gap:1rem;height:100vh;justify-items:center;left:0;place-content:center;position:fixed;top:0;width:100%;z-index:999}.load_circle{border-radius:50%;box-shadow:0 0 0 .2rem rgba(0,0,0,.3);height:10rem;position:relative;width:10rem}.load_circle:before{-webkit-animation:spin_load 1s linear infinite;animation:spin_load 1s linear infinite;border:.8rem solid transparent;border-radius:50%;border-top:.8rem solid var(--theme-100);height:9.5rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);width:9.5rem}@-webkit-keyframes spin_load{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin_load{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.load_content span{color:var(--theme-100);font-size:1.4rem;margin-top:3rem;text-transform:uppercase}.App{height:100vh;min-height:92rem;width:100%}
/*# sourceMappingURL=main.7e20989c.css.map*/