@import url(https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100;200;300;400;500;600;700&display=swap);:root{--theme:#c30b11;--grys-500:#272727;--grys-400:#707070;--grys-300:#888;--grys-200:#ececec;--grys-100:#fafafa;--border:#eee;--bg:#f6f6f6;--light:#fff;--ft-1:"Anek Latin",sans-serif,helvetica;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color:#888;color:var(--grys-300);color-scheme:light dark;font-family:Anek Latin,sans-serif,helvetica;font-family:var(--ft-1);font-size:62.5%;font-synthesis:none;font-weight:400;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}body{background:#f6f6f6;background:var(--bg);min-height:100vh;overflow-x:hidden;width:100%}body *{font-size:1rem}.App{box-shadow:inset 0 30px #c30b11;box-shadow:0 30px var(--theme) inset}:after,:before{content:"";position:absolute}a{display:inline-block;text-decoration:inherit}a:hover{color:#535bf2}span{display:inline-block}img{object-fit:cover;width:100%}button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;padding:.6em 1.2em}.container{height:auto;margin:0 auto;min-height:100vh;width:1024px}.load_content{background:var(--bg);height:100vh;position:fixed;width:100%;z-index:1000}.load_box h1,.load_content{align-items:center;display:flex;justify-content:center}.load_box h1{gap:.1rem}.load_box h1 span{align-items:center;-webkit-animation:move 2s ease-in-out infinite;animation:move 2s ease-in-out infinite;background:var(--theme);color:var(--light);display:flex;font-size:1.4rem;height:26px;justify-content:center;position:relative;text-transform:uppercase;width:26px}@-webkit-keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}15%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}30%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}15%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}30%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.header_content{display:flex;height:350px;position:relative;-webkit-transform:translateY(3rem);transform:translateY(3rem);width:100%}.header_aside{background:var(--grys-100);flex-shrink:0;width:206px}.header_aside,.header_user{display:flex;flex-direction:column}.header_user{gap:.5rem;height:212px;width:100%}.header_user,.user_avatar{align-items:center;justify-content:center}.user_avatar{-webkit-clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);display:flex;height:140px;width:140px}.header_user h2{font-size:1.8rem}.header_user p{text-transform:uppercase}.header_xat{border-bottom:1px solid var(--border);border-right:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:138px;width:100%}.header_xat a{align-items:center;background:var(--light);border-left:1px solid var(--border);border-top:1px solid var(--border);color:var(--grys-400);display:flex;flex-direction:column;gap:.5rem;justify-content:center;transition:.2s}.header_xat a *{font-size:2rem}.header_xat a span{font-size:1rem;text-transform:uppercase}.header_xat a:hover{background:var(--theme);color:var(--light)}.header_banner{flex-grow:1;height:350px;overflow:hidden}.banner_content{background:var(--theme);height:100%;overflow:hidden;width:100%}.main_aside__left{display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem;height:auto;width:242px}.aside_about__description p{letter-spacing:.1rem}.aside_social__menu{display:flex;flex-direction:column;gap:1rem}.btn_social{align-items:center;background:var(--grys-100);border-radius:.3rem;color:var(--grys-400);display:flex;gap:.5rem;padding:.5rem;transition:.2s}.btn_social *{font-size:1.4rem}.btn_social span{font-size:1rem;letter-spacing:.1rem}.btn_social:hover{background:var(--theme);color:var(--light)}.main_wrapper{display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;height:auto}.relation_header{align-items:center;display:flex;gap:1rem;height:60px}.relation_header__avatar{align-items:center;background:var(--grys-100);box-shadow:0 0 0 .5rem var(--grys-200);display:flex;justify-content:center;margin:.5rem;overflow:hidden}.relation_header__avatar,.relation_header__avatar img{border-radius:50%;height:50px;width:50px}.relation_header__infor h4{font-weight:600;text-transform:uppercase}.relation_description{border-left:1px solid var(--grys-400);margin:1rem 0 1rem 3rem;padding:.5rem;width:calc(100% - 30px)}.relation_description p,.relation_wrapper a{letter-spacing:.1rem}.relation_wrapper a{border:1px solid var(--border);border-radius:.3rem;color:var(--grys-400);margin-left:100%;padding:.5rem 1.5rem;position:relative;text-transform:uppercase;-webkit-transform:translatex(-100%);transform:translatex(-100%);transition:.2s}.relation_wrapper a:hover{background:var(--theme);border:1px solid var(--theme);color:var(--light)}.video_box{height:274px;width:100%}.video_box iframe{border:none}.video_description{border-left:1px solid var(--grys-400);margin-bottom:2rem;margin-left:30px;margin-top:1rem;padding:.5rem;width:calc(100% - 30px)}.video_description p{letter-spacing:.1rem}.modal_content{align-items:center;background:rgba(0,0,0,.85);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.2s ease-out;visibility:hidden;width:100%;z-index:999}.modal_content.open{opacity:1;visibility:visible}.modal_content__img{background:#000;height:auto;opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:.2s ease-out .4s;width:90%}.modal_content.open .modal_content__img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.modal_close{align-items:center;background:var(--theme);border-radius:50%;bottom:50px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:50px;width:40px}.modal_close *{color:var(--light);font-size:1.4rem}.gallery_wrapper{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:repeat(3,1fr)}.gallery_box{align-items:center;background:var(--light);cursor:pointer;display:flex;height:160px;justify-content:center;overflow:hidden}.gallery_box img{height:auto;min-height:100%;min-width:100%;transition:.2s;width:auto}.gallery_box:hover img{opacity:.8}.gallery_description{border-left:1px solid var(--grys-400);margin-bottom:2rem;margin-left:30px;margin-top:1rem;padding:.5rem;width:calc(100% - 30px)}.gallery_description p{letter-spacing:.1rem}.footer_content{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:4rem;padding:3rem}.footer_content *{letter-spacing:.1rem}.main_aside__right{flex-shrink:0;height:auto;width:242px}.box_friends,.main_aside__right{display:flex;flex-direction:column;gap:1.5rem}.friend_rows{align-items:center;display:flex;gap:.5rem;height:50px;width:100%}.friend_avatar{flex-shrink:0;height:50px;padding:.4rem;position:relative;width:50px}.friend_avatar,.friend_avatar_img{background:var(--border);border-radius:50%}.friend_avatar_img{align-items:center;display:flex;height:42px;justify-content:center;overflow:hidden;width:42px}.friend_avatar__icon{bottom:0;position:absolute;right:0}.friend_avatar__icon *{fill:var(--theme);font-size:1.6rem}.friend_data{display:flex;flex-grow:1;gap:.5rem}.friend_data a{border:1px solid var(--border);border-radius:.3rem;color:var(--grys-400);letter-spacing:.1rem;margin-top:1rem;padding:.5rem 1rem;text-transform:uppercase;transition:.2s}.friend_data a:hover{background:var(--theme);border:1px solid var(--theme);color:var(--light)}.friend_data__infor{flex-grow:1}.friend_data__infor *{letter-spacing:.1rem}.friend_data__infor h5{font-weight:600;text-transform:uppercase}.main_content{display:flex;gap:1.5rem;height:120px;justify-content:space-between;margin-top:4.5rem;position:relative}.box_wrapper{height:auto;width:100%}.header_box__content{align-items:center;background:var(--grys-100);border:1px solid var(--border);border-radius:.3rem .3rem 0 0;display:flex;gap:1rem;height:38px;padding:.3rem;width:100%}.header_content_icon{align-items:center;background:var(--theme);border-radius:.3rem;color:var(--light);display:flex;height:100%;justify-content:center;width:30px}.header_content_icon *{color:var(--light);font-size:1.5rem}.header_box__content h3{font-weight:500;letter-spacing:.1rem;text-transform:uppercase}.box_content{background:var(--light);border:1px solid var(--border);border-top:none;padding:1rem}.box_content.main{padding:.5em}
/*# sourceMappingURL=main.0adf9875.css.map*/