@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);:root{--ft-1:"Poppins",sans-serif;--grys-400:#818181;--grys-300:#eee;--grys-200:#ebebeb;--grys-100:#f7f7f7;--dark-200:#1e1e1e;--dark-100:#222;--light:#fff;--theme:#ec555a;font-family:Poppins,sans-serif;font-family:var(--ft-1);font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}:after,:before{content:"";position:absolute}body{background:#f7f7f7;background:var(--grys-100);min-height:100vh;overflow-x:hidden}body *{font-size:1rem}a,span{display:inline-block}a{text-decoration:none}ul{list-style:none}img{object-fit:cover;width:100%}.header_content{background:var(--dark-200);border-bottom:5px solid var(--theme);height:365px;overflow:hidden;position:relative;width:100%}.header_banner{left:0;overflow:hidden;position:absolute;top:0;width:100%}.header_banner,.title_banner{align-items:center;display:flex;height:100%;justify-content:center}.title_banner{-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.3);margin:0 auto;position:relative;width:400px}.title_banner h1{color:var(--light);font-size:1.4rem;font-weight:400;letter-spacing:4px;padding:0 2rem;text-align:center;text-transform:uppercase}.container{display:flex;margin:0 auto;-webkit-transform:translateY(-125px);transform:translateY(-125px);width:1080px}.container,.friends_aside{height:auto;min-height:100%;position:relative}.friends_aside{background:var(--dark-200);flex-shrink:0;width:252px;z-index:2}.friends_header{height:60px;position:relative;width:100%}.friends_header h2{font-size:1.4rem;font-weight:400;height:100%;letter-spacing:5px;padding-left:2rem;text-transform:uppercase;width:100%}.friends_header h2,.friends_header p{align-items:center;color:var(--light);display:flex}.friends_header p{background:var(--theme);height:35px;justify-content:center;position:absolute;right:8rem;top:0;width:28px}.friends_header span,.friends_header span i{align-items:center;background:var(--light);color:var(--dark-200);display:flex;height:50px;justify-content:center;width:50px}.friends_header span{position:absolute;right:-40px;top:0}.friends_header span *{font-size:2rem}.friends_list{width:100%}.friends_wrapper{display:flex;flex-direction:column;gap:.1rem;width:100%}.friends_wrapper li,.friends_wrapper li a{height:60px;width:100%}.friends_wrapper li{position:relative}.friends_wrapper li:before{background:var(--light);height:100%;left:0;top:0;transition:.3s ease-out;width:0}.friends_wrapper li:hover:before{width:262px}.friends_wrapper li a{background:var(--dark-100);background:none;box-shadow:0 0 var(--light);display:flex;gap:1rem;position:relative;transition:.3s ease-out}.friends_avatar{align-items:center;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.friends_details{flex-grow:1;height:100%;overflow:hidden;padding:.5rem 1rem .5rem 0}.friends_details h3{color:var(--grys-100);font-size:1.2rem;font-weight:400;letter-spacing:3px;text-transform:uppercase}.friends_wrapper li a:hover h3{color:var(--dark-100)}.friends_details p{color:var(--grys-400)}.wrapper_content{background:var(--grys-300);display:flex;height:100%;min-height:800px;width:290px}.social_menu{background:var(--theme);display:flex;flex-shrink:0;height:auto;justify-content:center;min-height:100%;position:relative;width:75px}.social_menu__content{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:15rem}.user_content{flex-grow:1;height:100%;width:215px}.wrapper_user{height:auto;position:relative;width:100%}.user_avatar{height:215px;overflow:hidden;width:215px}.user_avatar,.user_details{align-items:center;display:flex;justify-content:center}.user_details{background:var(--dark-200);color:var(--light);height:70px;position:relative;width:100%}.user_details h3{font-size:1.4rem;font-weight:400;letter-spacing:.4rem;text-transform:uppercase}.user_details span{background:var(--theme);bottom:-50%;color:var(--light);font-size:1.6rem;letter-spacing:.4em;padding:.5rem 1rem;position:absolute;right:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wrapper_relation{margin-left:1rem;margin-top:5rem;position:relative;width:calc(100% - 2rem)}.wrapper_relation:before{background:var(--theme);height:100%;right:0;top:0;width:1px}.relation_avatar{align-items:center;display:flex;height:185px;justify-content:center;overflow:hidden;width:185px}.relation_crush{background:var(--dark-200);left:1rem;top:0}.relation_crush,.relation_name{color:var(--light);font-size:1.2rem;letter-spacing:.4rem;padding:.5rem 1rem;position:absolute;text-transform:uppercase;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.relation_name{background:var(--theme);right:2rem;top:185px}.relation_details{margin-top:5rem}.title{align-items:center;border:1px solid var(--dark-100);display:flex;justify-content:center;padding:.5rem 1rem;position:relative;text-transform:uppercase}.title span{font-size:1.4rem;letter-spacing:.4rem}.title:before{height:5px;left:1rem;top:-5px;width:40px}.title.aside{width:110px}.title.aside:before{background:var(--grys-300)}.relation_description{margin:3rem 0;width:calc(100% - 1rem)}.relation_description p{font-size:1.2rem}.relation_details a{background:var(--theme);color:var(--light);letter-spacing:.4rem;line-height:32px;margin-left:calc(100% - 80px);text-align:center;text-transform:uppercase;width:80px}.btn_social,.btn_social i{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.btn_social{color:var(--light);transition:.2s}.btn_social *{font-size:2rem}.btn_social:hover{color:var(--dark-200)}.section_user{background:var(--light);display:flex;flex-direction:column;flex-grow:1;height:auto;margin-top:8rem;padding:2rem 1.5rem}.data_user{border-bottom:1px solid var(--grys-100);padding-bottom:2.5rem}.title.section{width:130px}.title.section:before{background:var(--light)}.user_about{margin-top:2rem}.user_about p{font-size:1.4rem}.wrapper_video{margin-top:2rem}.video_title{display:flex;justify-content:center;width:100%}.video_title h4{font-size:1.2rem;font-weight:400;letter-spacing:.2rem;text-align:center;text-transform:uppercase}.video_box{background:var(--dark-200);box-shadow:0 5px var(--grys-300);height:285px;margin:2rem 0;width:505px}.video_box iframe{border:none}.footer{border-bottom:1.5rem solid var(--dark-200);color:var(--light);flex-direction:column;gap:.5rem;margin-top:4rem;padding:3rem 0}.footer,.wrapper_load{align-items:center;background:var(--theme);display:flex}.wrapper_load{height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.load_inner{display:flex}.load_inner h1{align-items:center;color:var(--light);display:flex;gap:.5rem;letter-spacing:.5rem}.load_inner h1 span{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;font-size:1.4em;font-weight:400;opacity:0;position:relative;text-transform:uppercase}@-webkit-keyframes pulse{0%{opacity:0}15%{opacity:1}30%{opacity:0}to{opacity:0}}@keyframes pulse{0%{opacity:0}15%{opacity:1}30%{opacity:0}to{opacity:0}}
/*# sourceMappingURL=main.ef62aab8.css.map*/