@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;--dark:#080908;--light:#fff;--red:#d90000;--alpha:rgba(0,0,0,.38);--yellow-300:#e3a923;--yellow-200:#efb428;--yellow-100:#ffbf2a;--purple-300:#3a33a7;--purple-200:#4e36a9;--purple-100:#683aaf;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:linear-gradient(135deg,#e3a923,#ffbf2a);background:linear-gradient(135deg,var(--yellow-300),var(--yellow-100));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:rgba(0,0,0,.38);background:var(--alpha);border-radius:20px;width:.8rem}::-webkit-scrollbar-thumb{background:#ffbf2a;background:var(--yellow-100);border-radius:20px}.btn_social{align-items:center;border-radius:50%;box-shadow:0 0 0 .2rem var(--purple-200) inset;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(--yellow-200)}.btn_social:hover{box-shadow:0 0 0 .5rem var(--purple-200) inset}.friends_col{display:flex;flex-direction:column;gap:.7rem;height:auto;width:98%}.friend_row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:50px 1fr;height:50px;width:100%}.friend_row img{border-radius:50%;height:50px;width:50px}.friend_row_data{height:100%;overflow:hidden;position:relative}.friend_row_data a{background:var(--yellow-100);border-radius:999px;color:var(--purple-300);padding:.3rem .75rem;position:absolute;right:0;text-transform:uppercase;top:0}.friend_row_data strong{color:var(--yellow-100);font-size:1.4rem}.friend_row_data p{font-size:1.2rem}.relation_content{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:60px 1fr;width:100%}.relation_content img{border-radius:50%;height:60px;width:60px}.relation_data strong{color:var(--yellow-100);font-size:1.6rem;text-transform:uppercase}.relation_data a{background:var(--yellow-100);border-radius:999px;color:var(--purple-300);margin-left:auto;margin-top:.5rem;padding:.3rem 1rem;text-transform:uppercase}.relation_about{height:auto;max-height:110px;overflow-y:auto;scrollbar-color:var(--alpha) var(--yellow-100);scrollbar-width:thin;width:100%}.relation_about p{font-size:1.2rem}.modal_content{align-items:center;background:linear-gradient(var(--alpha) 50%,var(--yellow-200) 50%);display:flex;height:100vh;justify-content:center;left:0;min-height:100%;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:100}.modal_content.show{-webkit-animation:show .3s ease-in-out forwards;animation:show .3s ease-in-out forwards}@-webkit-keyframes show{to{opacity:1;visibility:visible}}@keyframes show{to{opacity:1;visibility:visible}}.close_modal{align-items:center;background:rgba(0,0,0,.4);border-radius:50%;bottom:2rem;display:flex;height:40px;justify-content:center;position:absolute;right:2rem;width:40px}.close_modal *{color:var(--light);font-size:2.5rem}.video_content{position:relative;z-index:2}.video_box{background:#222;border-bottom:1rem solid var(--yellow-200);height:349px;position:relative;width:600px}.video_box:before{background:#000;border-radius:50%;bottom:-25px;-webkit-filter:blur(25px);filter:blur(25px);height:50px;left:50%;opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70%;z-index:-1}.video_box iframe{border:none}.content{background:#000;box-shadow:0 0 80px rgba(0,0,0,.4);display:grid;grid-template-columns:350px 400px;height:760px;position:relative;width:750px}.content:after,.content:before{background:var(--purple-200);border-radius:100px;height:470px;width:470px;z-index:-1}.content:before{left:0;top:0;-webkit-transform:translate(-120%,-80%) rotate(35deg);transform:translate(-120%,-80%) rotate(35deg)}.content:after{bottom:0;right:0;-webkit-transform:translate(120%,80%) rotate(-35deg);transform:translate(120%,80%) rotate(-35deg)}.content_banner{height:100%;position:relative}.banner_img{align-items:center;display:flex;justify-content:center;overflow:hidden;position:absolute}.banner_img,.banner_img:before{height:100%;left:0;top:0;width:100%}.banner_img:before{background:linear-gradient(rgba(0,0,0,.3) 425px,#000 540px)}.wrapper_user{display:flex;gap:.5rem;padding:2rem;position:relative}.user_avatar{box-shadow:0 0 0 .4rem var(--alpha);margin:.5rem;position:relative}.user_avatar,.user_avatar img{border-radius:50%;height:60px;width:60px}.banner_img img{height:auto;min-height:100%;min-width:100%;width:auto}.user_avatar .dots{background:var(--light);border-radius:50%;box-shadow:0 0 0 .3rem var(--alpha);height:10px;position:absolute;right:0;top:.5rem;width:10px}.user_avatar .dots.green{background:var(--green)}.user_avatar .dots.red{background:var(--red)}.user_data{flex:1 1}.user_data h1{color:var(--light);font-size:2rem}.user_data p{color:var(--light);font-size:1.2rem;text-align:left}.online_box{background:var(--purple-200);border-radius:999px;display:inline-flex;padding:.5rem 1.5rem}.online_box span{color:var(--light);text-transform:uppercase}.user_id{background:var(--purple-200);border-radius:0 0 999px 999px;padding:2rem .5rem;position:relative;-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}.user_id h2{color:var(--light);font-size:1.2rem;text-orientation:upright;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.content_banner__footer{bottom:0;color:var(--light);height:auto;left:0;padding:2rem;position:absolute;width:100%}.social_menu{align-items:center;display:flex;gap:.6rem;justify-content:center}.description_user{margin-top:5rem}.description_user p{font-size:1.2rem}.location{align-items:baseline;margin-top:2rem;z-index:2}.location,.location_icon{display:flex;position:relative}.location_icon{align-items:center;height:38px;justify-content:center;width:38px}.location_icon:before{-webkit-animation:shadow_icon 1s ease-in-out infinite;animation:shadow_icon 1s ease-in-out infinite;background:transparent;border-radius:50%;height:10px;width:10px;z-index:-1}@-webkit-keyframes shadow_icon{0%{box-shadow:0 0 0 0 var(--purple-100)}to{box-shadow:0 0 0 1.5rem transparent,0 0 0 2.5rem transparent,0 0 0 3rem transparent}}@keyframes shadow_icon{0%{box-shadow:0 0 0 0 var(--purple-100)}to{box-shadow:0 0 0 1.5rem transparent,0 0 0 2.5rem transparent,0 0 0 3rem transparent}}.location_icon *{color:var(--yellow-100);font-size:2rem}.location span{font-size:1.4rem}.content_data{color:var(--light);display:grid;grid-template-rows:repeat(4,190px);height:100%;width:100%}.data_row{border-bottom-left-radius:9.5rem;height:100%;padding-left:4.5rem;position:relative;width:100%}.data_row.nav{background:var(--yellow-100);z-index:4}.data_row.video{background:var(--purple-300);box-shadow:0 -100px var(--purple-300);z-index:3}.data_row.friend{background:var(--purple-200);box-shadow:0 -100px var(--purple-200);z-index:2}.data_row.relation{background:var(--purple-100);box-shadow:0 -100px var(--purple-100);z-index:1}.nav_title{color:var(--purple-200);font-size:1.6rem;padding:1rem;text-align:right;text-transform:uppercase}.nav_menu{justify-content:space-between;margin-top:2rem;width:322px}.nav_menu,.nav_menu a{align-items:center;display:flex;height:82px}.nav_menu a{border-radius:50%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.2);justify-content:center;position:relative;width:82px}.nav_menu a *{color:var(--purple-200);font-size:3.5rem}.nav_menu a:before{background:var(--purple-200);border-radius:.3rem;color:var(--light);content:attr(data-tooltip);left:50%;opacity:0;padding:.5rem;text-transform:uppercase;top:-5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s;visibility:hidden}.nav_menu a:hover:before{opacity:1;top:-3rem;visibility:visible}.row_content{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 82px;height:100%;padding:1rem 1rem 2rem 0;width:100%}.row_content__right h2{color:var(--yellow-100);font-size:1.6rem;text-align:right;text-transform:uppercase;width:100%}.row_icon{align-items:center;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.2);display:flex;height:82px;justify-content:center;margin-top:3rem;width:82px}.row_icon *{color:var(--yellow-100);font-size:3.5rem}.row_content_left.friend{height:165px;overflow-y:auto;scrollbar-color:var(--alpha) var(--yellow-100);scrollbar-width:thin}.row_content_left.video{align-items:center;display:flex;flex-direction:column;justify-content:center}.row_content_left.video h3{font-size:1.6rem;font-weight:500;text-align:center}.btn_video{align-items:center;background:none;border-radius:50%;display:flex;height:60px;justify-content:center;margin-top:1rem;width:60px}.btn_video *{color:var(--yellow-100);font-size:5rem}.load_content{background:var(--purple-200);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(--yellow-200)}.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:100vw}
/*# sourceMappingURL=main.c2723438.css.map*/