body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-text-white-color: #f4f6ef;--main-yellow-text-color: #7dd7ff;--surface-color: rgba(22, 30, 44, .9);--surface-elevated: rgba(30, 42, 60, .88);--gradient-background: radial-gradient(circle at 20% 25%, rgba(125, 215, 255, .12), rgba(112, 96, 255, .08) 38%, transparent 55%), radial-gradient(circle at 80% 15%, rgba(255, 159, 124, .12), rgba(125, 215, 255, .06) 36%, transparent 55%), linear-gradient(145deg, #0f1723 0%, #0d1828 45%, #0b0f1b 100%)}body{margin:0;padding:0;font-family:Raleway-Regular,Arial,sans-serif}a{outline:none;text-decoration:none;color:var(--main-text-white-color)}p,h1,h2,h3,h4,h5,h6{padding:0;margin:0}ul{list-style-type:none;margin:0;padding:0}main{width:100%;box-sizing:border-box;background:#252934;background:var(--gradient-background);display:flex;flex-direction:column;position:relative}h2{font-size:30px;letter-spacing:4px;font-family:Raleway-Bold;color:var(--main-yellow-text-color)}.anim_span{animation:anim_span .6s linear infinite alternate}main,header,section,footer{width:100%}@keyframes anim_span{0%{opacity:0}to{opacity:1}}@font-face{font-family:Raleway-SemiBoldItalic;src:url(https://dyzz24.github.io/portfolio/assets/Raleway-SemiBoldItalic-DdJxm25m.ttf);font-display:swap}@font-face{font-family:Raleway-Regular;src:url(https://dyzz24.github.io/portfolio/assets/Raleway-Regular-CI-ac8EG.ttf);font-display:swap}@font-face{font-family:Raleway-Bold;src:url(https://dyzz24.github.io/portfolio/assets/Raleway-Bold-C5ghtlC6.ttf);font-display:swap}@font-face{font-family:Raleway-Medium;src:url(https://dyzz24.github.io/portfolio/assets/Raleway-Medium-CXifwN_c.ttf);font-display:swap}@font-face{font-family:FuturaPT-Heavy;src:url(https://dyzz24.github.io/portfolio/assets/FuturaPT-Heavy-DRvFrJw2.ttf);font-display:swap}.separator{height:150px;width:100%;border-bottom:1px solid #f1f1f1;background:url(https://dyzz24.github.io/portfolio/assets/separator-DM8yDtgS.png) no-repeat fixed center;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.separator h2{line-height:1.5;font-size:32px;letter-spacing:4px;font-family:Raleway-Medium,serif;font-weight:700;color:var(--main-yellow-text-color);z-index:2}.separator:before{content:"";position:absolute;width:100%;height:101%;left:0;top:0;background:#1b060f;background:linear-gradient(to right,#1b060f,#112437);opacity:.7;z-index:1}::-webkit-scrollbar-track{background-color:inherit}::-webkit-scrollbar-thumb{-webkit-border-radius:8px;border-radius:8px;background-color:var(--main-yellow-text-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--main-yellow-text-color)}::-webkit-scrollbar{width:6px}@media screen and (max-width: 440px){.skills_row .name{font-size:12px;width:auto;position:static}.skills_row{margin-bottom:8px}.skills_row:hover .name{width:auto}.skills_row span{line-height:26px;font-size:14px}h2,.separator h2{font-size:18px;text-align:center;letter-spacing:2px}.separator{margin-top:12px}header{height:65vh;background:url(https://dyzz24.github.io/portfolio/assets/header-BobCpLhI.jpg) no-repeat center;background-size:cover}header span,header .colored span{font-size:24px;padding:0 2px}.work__prev{height:230px;width:100%}.work_btn{font-size:16px}}._progress_scroll_1bg8o_1{position:fixed;top:0;height:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;background:var(--main-yellow-text-color);width:0;z-index:10;transition:.5s}._content_v22av_1{display:flex;flex-direction:column}._all_skills_15mtb_7{width:480px;height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:260px;padding-right:36px;flex-shrink:0;z-index:4}._my_skills_15mtb_19{width:100%;height:auto;padding:150px 80px;background:#f8f8f8b3;display:flex;align-items:center;position:relative;overflow:hidden}@media screen and (max-width: 1680px){section{box-sizing:border-box;padding:100px 180px}._work__prev_15mtb_35{width:40%;height:310px;margin-right:5%;margin-top:5%}._all_skills_15mtb_7{padding-left:180px}}@media screen and (max-width: 1500px){._all_skills_15mtb_7{padding-left:140px}section{box-sizing:border-box;padding:100px 140px}._separator_15mtb_53{height:130px}}@media screen and (max-width: 1400px){._all_skills_15mtb_7{padding-left:100px}._about__text_body_15mtb_61{margin-top:16px}._text_block_15mtb_64{font-size:18px}section{box-sizing:border-box;padding:80px 100px}h2,._separator_15mtb_53 h2{font-size:30px}._separator_15mtb_53{height:110px}._work__prev_15mtb_35{margin-right:2.5%;margin-top:2.5%;height:300px}._work__prev_15mtb_35 ._work_tech_block_15mtb_83{font-size:20px}._work_title_15mtb_86{font-size:13px;height:25px;line-height:25px}._experience__more_15mtb_91 h3{font-size:20px;margin-bottom:10px}._experience__more_15mtb_91 p{font-size:16px;margin-bottom:4px}._experience__name_15mtb_99 h2{font-size:22px}._experience__name_15mtb_99 span,._skills_row_15mtb_105 ._name_15mtb_105{font-size:16px}}@media screen and (max-width: 1280px){._text_block_15mtb_64 p{margin-bottom:12px}._work__prev_15mtb_35{height:260px}}@media screen and (max-width: 1100px){section{box-sizing:border-box;padding:80px 60px}._all_skills_15mtb_7{padding-left:60px}}@media screen and (max-width: 1024px){._work_section_15mtb_127{justify-content:space-between}._about__text_15mtb_61{width:65%}._text_block_15mtb_64{font-size:16px}header span,header ._colored_15mtb_137 span{font-size:40px}._work__prev_15mtb_35{width:47.5%;height:280px}}@media screen and (max-width: 900px){._my_skills_15mtb_19{position:relative;padding:20px 0;box-sizing:border-box;overflow:hidden}._right_skills_block_15mtb_152{position:absolute;top:40%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);width:200px;height:200px;overflow:visible;z-index:2;opacity:.3}._all_skills_15mtb_7{z-index:1;width:100%;box-sizing:border-box;padding-left:40px}section{box-sizing:border-box;padding:40px}h2,._separator_15mtb_53 h2{font-size:26px}._separator_15mtb_53{height:80px}._work_section_15mtb_127{justify-content:center}._work__prev_15mtb_35 ._work_tech_block_15mtb_83,._experience__more_15mtb_91 h3{font-size:18px}._work__prev_15mtb_35{width:85%;height:310px;margin-top:24px;box-shadow:none;margin-right:0}._work__prev_15mtb_35._blured_15mtb_195{opacity:1}._work__prev_15mtb_35:before{display:block;opacity:.8}._work__prev_15mtb_35:hover{box-shadow:none;opacity:1}._work__prev_15mtb_35:hover:not(._active_15mtb_206) ._work_btn_15mtb_206{opacity:1;animation:none}._work__prev_15mtb_35:hover ._work_tech_block_15mtb_83{opacity:1;animation:none}._work__prev_15mtb_35 ._work_tech_block_15mtb_83{opacity:1}._work__prev_15mtb_35 ._work_btn_15mtb_206{opacity:1;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._text_title_15mtb_224{margin-top:4px;font-size:18px}._experience__more_15mtb_91 p{font-size:14px;margin-bottom:4px}._experience__name_15mtb_99 h2{font-size:20px}._experience__name_15mtb_99 span,._skills_row_15mtb_105 ._name_15mtb_105{font-size:14px}}@media screen and (max-width: 768px){._right_skills_block_15mtb_152{top:25%}._right_skills_block_15mtb_152{z-index:1}._skills_row_15mtb_105{height:26px}._all_skills_15mtb_7{z-index:2}header span,header ._colored_15mtb_137 span{font-size:32px;padding:0 4px}section{box-sizing:border-box;padding:20px 10px}._line_l_15mtb_264{display:none}._about__text_15mtb_61{width:100%}._about_15mtb_61{position:relative}._add_span_15mtb_273,._line_15mtb_264{font-size:14px;margin-right:8px}._text_block_15mtb_64 p{margin-bottom:12px;line-height:24px}h2,._separator_15mtb_53 h2{font-size:20px}._experience__name_15mtb_99 h2,._experience__name_15mtb_99 span{text-align:center}._experience__more_15mtb_91 h3{margin-bottom:6px}._all_skills_15mtb_7{padding-left:10px}._my_skills_15mtb_19{height:auto}._experience__name_15mtb_99{width:200px;border-top:2px solid #e3e3e3}._experience__row_15mtb_303:first-child ._experience__name_15mtb_99{border-top:0px solid #e3e3e3}._experience__runner_15mtb_306{margin:0}._experience__circle_15mtb_309{transform:scaleX(0);width:100px;height:10px;margin:12px 0;transform-origin:left;border-radius:6px}._experience__line_15mtb_317{width:1px}._experience__row_15mtb_303 ._circle_grow_anim_15mtb_320{transform:scaleX(1)}._skills_row_15mtb_105 ._fill_15mtb_323{width:100%}}@media screen and (max-width: 600px){._experience__name_15mtb_99 h2,._experience__more_15mtb_91 h3{font-size:18px!important;margin:6px 0}._work_section_15mtb_127{padding-top:0}._work__prev_15mtb_35{width:95%}._experience__name_15mtb_99{width:100%}._experience__row_15mtb_303{flex-direction:column;align-items:flex-start}._experience__name_15mtb_99 h2,._experience__name_15mtb_99 span{text-align:left}._experience__more_15mtb_91{border-top:0px;padding:0}._experience__more_15mtb_91:last-child{border-bottom:0px solid #1d3e5f}._menu_15mtb_355{width:60px;height:60px}._hidden_menu_15mtb_359{top:60px;width:60px}._menu_15mtb_355 span{width:25px}}@media screen and (max-width: 500px){._add_span_15mtb_273,._line_15mtb_264{font-size:13px;margin-right:6px}header span,header ._colored_15mtb_137 span{font-size:28px;padding:0 2px}._work__prev_15mtb_35 ._work_tech_block_15mtb_83,._experience__more_15mtb_91 h3{font-size:16px}._work_tech_block_15mtb_83{font-weight:900;line-height:22px}._work__prev_15mtb_35{height:270px}}@media screen and (max-width: 440px){._skills_row_15mtb_105 ._name_15mtb_105{font-size:12px;width:auto;position:static}._skills_row_15mtb_105{margin-bottom:8px}._skills_row_15mtb_105:hover ._name_15mtb_105{width:auto}._skills_row_15mtb_105 span{line-height:26px;font-size:14px}h2,._separator_15mtb_53 h2{font-size:18px;text-align:center;letter-spacing:2px}._separator_15mtb_53{margin-top:12px}header{height:65vh;background:url(../img/header.jpg) no-repeat center;background-size:cover}header span,header ._colored_15mtb_137 span{font-size:24px;padding:0 2px}._work__prev_15mtb_35{height:230px;width:100%}._work_btn_15mtb_206{font-size:16px}}@media screen and (max-width: 440px){._skills_row_15mtb_105 ._name_15mtb_105{font-size:11px;width:auto}}header{width:100%;height:100vh;display:flex;background:url(https://dyzz24.github.io/portfolio/assets/header-BobCpLhI.jpg) no-repeat fixed center;background-size:cover;position:relative;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}header:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(135deg,#0b1116d1,#112437bf);opacity:.9;z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}header ._span_classes_15mtb_463{width:100%;display:flex;justify-content:center;align-items:center;margin-top:36px;padding:0 24px;box-sizing:border-box}header span{color:var(--main-text-white-color);font-size:54px;z-index:2;cursor:default;padding:0 8px;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:Raleway-Bold,serif;text-shadow:0 10px 24px rgba(0,0,0,.35);transition:transform .4s ease-out}header ._colored_15mtb_137{color:var(--main-yellow-text-color);font-size:60px}@media screen and (max-width: 900px){header{background-attachment:scroll}header span{font-size:38px;transition:transform .6s ease-out}header ._colored_15mtb_137{font-size:44px}}@media screen and (max-width: 600px){header span{font-size:30px;padding:0 6px}header ._colored_15mtb_137{font-size:34px}}h2{line-height:1.5;font-size:32px;letter-spacing:4px;font-family:Raleway-Medium,serif;font-weight:700;color:var(--main-yellow-text-color);color:var(--main-text-white-color)}.about{width:100%;overflow:hidden;background:linear-gradient(135deg,#0d131ce6,#111826f2 40%,#0b0f18e6);display:flex;flex-direction:column}.about__text{width:80%;height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;max-width:980px}.about__image_container{width:50%;height:100%;box-sizing:border-box;margin-left:32px;display:flex;align-items:center;justify-content:center}.about__wrapper{display:flex;align-items:center;justify-content:center}.about__text_body{display:flex;margin-top:32px;padding:28px;border-radius:14px;background:var(--surface-color);box-shadow:0 18px 48px #0000004d;border:1px solid var(--border-subtle);gap:18px}.line_l{width:10%;background:linear-gradient(135deg,var(--main-yellow-text-color),#9ae2ff);height:3px;flex-shrink:0;margin-right:16px;margin-top:16px;border-radius:2px}.text_block{flex:1;display:flex;flex-direction:column;font-family:Raleway-Regular;font-size:18px;color:var(--main-text-white-color);line-height:1.7;gap:18px}.text_block span{margin-bottom:0}@media screen and (max-width: 1024px){.about__text_body{padding:24px}.text_block{font-size:17px}}@media screen and (max-width: 768px){.about__text_body{padding:18px 16px}.text_block{font-size:15px;line-height:1.65}}@media screen and (max-width: 440px){.skills_row .name{font-size:12px;width:auto;position:static}.skills_row{margin-bottom:8px}.skills_row:hover .name{width:auto}.skills_row span{line-height:26px;font-size:14px}h2,.separator h2{font-size:18px;text-align:center;letter-spacing:2px}.separator{margin-top:12px}header{height:65vh;background:url(../img/header.jpg) no-repeat center;background-size:cover}header span,header .colored span{font-size:24px;padding:0 2px}.work__prev{height:230px;width:100%}.work_btn{font-size:16px}}.work_section{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:35px;padding-bottom:35px;background:#1a1d24;background:radial-gradient(40.92% 43.59% at 40.92% 29.77%,#3c4c6659,#111826f2),#0f1723}.workWrapper{width:100%;max-width:1300px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.work__prev{display:flex;padding:45px;margin-right:5%;margin-top:2.5%;width:45%;height:300px;box-shadow:0 18px 42px #0000004d;border-radius:14px;border:1px solid var(--border-subtle);overflow:hidden;box-sizing:border-box;transition:.4s;align-items:center;justify-content:center;flex-direction:column;position:relative}.work__prev img{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.work__prev div{z-index:2}.work__prev:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#efbb35;background:linear-gradient(140deg,#0e1b2ce0,#14283ee0);opacity:.86;transition:.4s;z-index:2}.work__prev:hover:before{display:block}.work__prev:nth-child(2n){margin-right:0%}.work__prev:hover{opacity:1;box-shadow:0 26px 48px #00000047}.work__prev .work_tech_block{opacity:0;padding:0 12px;color:var(--main-text-white-color);text-shadow:0 10px 24px rgba(0,0,0,.4);text-align:center;font-family:Raleway-Regular;font-size:22px;z-index:2}.work__prev .work_btn{opacity:0;z-index:3}.work__prev:hover:not(.active) .work_btn,.work__prev:hover .work_tech_block{opacity:1;animation:anim_btn_active .2s linear}.work__prev.blured{opacity:.7}.work__prev.active.work_btn{opacity:1}.work__prev.active>.work_tech_block{opacity:1!important}.work__prev.active:before{display:block}.active{box-shadow:none;opacity:1}.active .work_btn{opacity:1}.work_title{position:absolute;top:0;left:0;width:auto;padding:0 20px;box-sizing:border-box;height:30px;line-height:30px;font-weight:800;color:#0b1116;background:linear-gradient(135deg,var(--main-yellow-text-color),#9ae2ff);font-family:Raleway-Medium;border-top-right-radius:0;border-bottom-right-radius:50px;text-align:center;font-size:14px;text-transform:uppercase;letter-spacing:-.1px}.work_tech_block{display:flex;flex-wrap:wrap;margin-bottom:6px;align-items:center;justify-content:center}.work_tech_block .work_btn{margin:3px;cursor:default}.work_btn{display:inline-block;padding:10px 16px;box-sizing:border-box;background:linear-gradient(145deg,#14283ef2,#0c1726f2);color:#fff;border-width:1px 1px 2px 1px;border-style:solid;border-color:#ffffff1a;border-radius:10px;font-family:Raleway-Bold;font-size:16px;box-shadow:0 12px 28px #00000059,0 0 0 1px #7dd7ff24;margin-right:3px;cursor:pointer;position:relative;overflow:hidden;transition:.2s;z-index:2;letter-spacing:.4px}.work_btn span{z-index:2;position:relative}.work_btn:hover:before{left:0%}.work_btn:hover:after{right:0%}.work_btn:before{content:" ";top:0;left:100%;height:50%;display:block;width:100%;position:absolute;z-index:1;background-color:#7dd7ff29;transition:.2s}.work_btn:after{content:" ";bottom:0;right:100%;height:50%;display:block;width:100%;position:absolute;z-index:1;background-color:#7060ff29;transition:.2s}.work_btn.btn_bottom{position:absolute;bottom:6px}.work_btn:hover{transform:translateY(-2px)}.prev_link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}@media screen and (max-width: 440px){.skills_row .name{font-size:12px;width:auto;position:static}.skills_row{margin-bottom:8px}.skills_row:hover .name{width:auto}.skills_row span{line-height:26px;font-size:14px}h2,.separator h2{font-size:18px;text-align:center;letter-spacing:2px}.separator{margin-top:12px}header{height:65vh;background:url(../img/header.jpg) no-repeat center;background-size:cover}header span,header .colored span{font-size:24px;padding:0 2px}.work__prev{height:230px;width:100%}.work_btn{font-size:16px}}.experience{display:flex;flex-direction:column;background:linear-gradient(145deg,#0c121ceb,#101a28f5)}.experience p{font-family:Raleway-Regular;color:var(--main-text-white-color)}.experience__row{width:100%;display:flex;transition:.4s;box-sizing:border-box;border-bottom:1px solid var(--border-subtle);background:#ffffff05;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 12px;border-radius:6px;margin-top:4px}.experience__name{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle);padding:12px 0;text-align:left;justify-content:center;width:270px}.experience__name h2{line-height:1.5;font-size:24px;letter-spacing:2px;font-family:Raleway-Medium,serif;font-weight:700;color:var(--main-yellow-text-color);color:var(--main-text-white-color)}.experience__name span{font-family:Raleway-SemiBoldItalic;font-size:18px;color:#e8ecf4d9}.experience__runner{display:flex;flex-direction:column;align-items:center;flex-shrink:0;margin:0 24px}.experience__circle{width:20px;height:20px;border-radius:50%;transform:scale(0);background:linear-gradient(135deg,var(--main-yellow-text-color),#9ae2ff);box-shadow:0 10px 24px #0000004d;transition:.7s}.experience__line{width:2px;height:0%;background:linear-gradient(180deg,#7dd7ffe6,#7060ffe6);transition:.7s}.experience__more{border-top:1px solid var(--border-subtle);padding:12px 0;flex:1}.experience__more h3{color:var(--main-yellow-text-color);font-size:24px;font-family:Raleway-Regular;margin-bottom:16px;display:inline-block;border-bottom:1px solid var(--border-subtle)}.experience__more p{font-family:Raleway-Medium;font-size:18px;margin-bottom:6px;color:var(--main-text-white-color)}.experience__row .line_anim{height:100%}.experience__row .circle_grow_anim{transform:scale(1)}@media screen and (max-width: 600px){.experience__more{border-top:0px solid white}}section{padding:144px 260px;box-sizing:border-box}.all_skills{width:480px;height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:260px;padding-right:36px;flex-shrink:0;z-index:4}.my_skills{width:100%;height:auto;padding:150px 80px;background:#f8f8f8b3;display:flex;align-items:center;position:relative;overflow:hidden}@media screen and (max-width: 1680px){section{box-sizing:border-box;padding:100px 180px}.work__prev{width:40%;height:310px;margin-right:5%;margin-top:5%}.all_skills{padding-left:180px}}@media screen and (max-width: 1500px){.all_skills{padding-left:140px}section{box-sizing:border-box;padding:100px 140px}.separator{height:130px}}@media screen and (max-width: 1400px){.all_skills{padding-left:100px}.about__text_body{margin-top:16px}.text_block{font-size:18px}section{box-sizing:border-box;padding:80px 100px}h2,.separator h2{font-size:30px}.separator{height:110px}.work__prev{margin-right:2.5%;margin-top:2.5%;height:300px}.work__prev .work_tech_block{font-size:20px}.work_title{font-size:13px;height:25px;line-height:25px}.experience__more h3{font-size:20px;margin-bottom:10px}.experience__more p{font-size:16px;margin-bottom:4px}.experience__name h2{font-size:22px}.experience__name span,.skills_row .name{font-size:16px}}@media screen and (max-width: 1280px){.text_block p{margin-bottom:12px}.work__prev{height:260px}}@media screen and (max-width: 1100px){section{box-sizing:border-box;padding:80px 60px}.all_skills{padding-left:60px}}@media screen and (max-width: 1024px){.work_section{justify-content:space-between}.about__text{width:65%}.text_block{font-size:16px}header span,header .colored span{font-size:40px}.work__prev{width:47.5%;height:280px}}@media screen and (max-width: 900px){.my_skills{position:relative;padding:20px 0;box-sizing:border-box;overflow:hidden}.right_skills_block{position:absolute;top:40%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);width:200px;height:200px;overflow:visible;z-index:2;opacity:.3}.all_skills{z-index:1;width:100%;box-sizing:border-box;padding-left:40px}section{box-sizing:border-box;padding:40px}h2,.separator h2{font-size:26px}.separator{height:80px}.work_section{justify-content:center}.work__prev .work_tech_block,.experience__more h3{font-size:18px}.work__prev{width:85%;height:310px;margin-top:24px;box-shadow:none;margin-right:0}.work__prev.blured{opacity:1}.work__prev:before{display:block;opacity:.8}.work__prev:hover{box-shadow:none;opacity:1}.work__prev:hover:not(.active) .work_btn{opacity:1;animation:none}.work__prev:hover .work_tech_block{opacity:1;animation:none}.work__prev .work_tech_block{opacity:1}.work__prev .work_btn{opacity:1;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text_title{margin-top:4px;font-size:18px}.experience__more p{font-size:14px;margin-bottom:4px}.experience__name h2{font-size:20px}.experience__name span,.skills_row .name{font-size:14px}}@media screen and (max-width: 768px){.right_skills_block{top:25%}.right_skills_block{z-index:1}.skills_row{height:26px}.all_skills{z-index:2}header span,header .colored span{font-size:32px;padding:0 4px}section{box-sizing:border-box;padding:20px 10px}.line_l{display:none}.about__text{width:100%}.about{position:relative}.add_span,.line{font-size:14px;margin-right:8px}.text_block p{margin-bottom:12px;line-height:24px}h2,.separator h2{font-size:20px}.experience__name h2,.experience__name span{text-align:center}.experience__more h3{margin-bottom:6px}.all_skills{padding-left:10px}.my_skills{height:auto}.experience__name{width:200px;border-top:2px solid #e3e3e3}.experience__row:first-child .experience__name{border-top:0px solid #e3e3e3}.experience__runner{margin:0}.experience__circle{transform:scaleX(0);width:100px;height:10px;margin:12px 0;transform-origin:left;border-radius:6px}.experience__line{width:1px}.experience__row .circle_grow_anim{transform:scaleX(1)}.skills_row .fill{width:100%}}@media screen and (max-width: 600px){.experience__name h2,.experience__more h3{font-size:18px!important;margin:6px 0}.work_section{padding-top:0}.work__prev{width:95%}.experience__name{width:100%}.experience__row{flex-direction:column;align-items:flex-start}.experience__name h2,.experience__name span{text-align:left}.experience__more{border-top:0px;padding:0}.experience__more:last-child{border-bottom:0px solid #1d3e5f}.menu{width:60px;height:60px}.hidden_menu{top:60px;width:60px}.menu span{width:25px}}@media screen and (max-width: 500px){.add_span,.line{font-size:13px;margin-right:6px}header span,header .colored span{font-size:28px;padding:0 2px}.work__prev .work_tech_block,.experience__more h3{font-size:16px}.work_tech_block{font-weight:900;line-height:22px}.work__prev{height:270px}}@media screen and (max-width: 440px){.skills_row .name{font-size:12px;width:auto;position:static}.skills_row{margin-bottom:8px}.skills_row:hover .name{width:auto}.skills_row span{line-height:26px;font-size:14px}h2,.separator h2{font-size:18px;text-align:center;letter-spacing:2px}.separator{margin-top:12px}header{height:65vh;background:url(../img/header.jpg) no-repeat center;background-size:cover}header span,header .colored span{font-size:24px;padding:0 2px}.work__prev{height:230px;width:100%}.work_btn{font-size:16px}}@media screen and (max-width: 440px){.skills_row .name{font-size:11px;width:auto}}.skills_row{display:flex;width:100%;background:#e8ecf414;border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 12px 28px #00000040;height:30px;position:relative;padding-right:50px;box-sizing:border-box;margin-bottom:16px;transition:.2s;cursor:pointer;overflow:hidden}.skills_row .progress_bar{width:100%;height:100%;display:flex;overflow:hidden}.skills_row .fill{width:0;height:100%;background:linear-gradient(135deg,#14283ef2,#0c1726f2);transition:.4s}.skills_row span{height:100%;line-height:30px;font-size:14px;font-weight:900;position:absolute;right:6px;top:0;color:#14283ef2}.skills_row:nth-child(1) .fill.fill_animation_class{animation:fill_grow .5s .2s linear forwards}.skills_row:nth-child(2) .fill.fill_animation_class{animation:fill_grow .5s .4s linear forwards}.skills_row:nth-child(3) .fill.fill_animation_class{animation:fill_grow .5s .6s linear forwards}.skills_row:nth-child(4) .fill.fill_animation_class{animation:fill_grow .5s .8s linear forwards}.skills_row:nth-child(5) .fill.fill_animation_class{animation:fill_grow .5s 1s linear forwards}.skills_row:nth-child(6) .fill.fill_animation_class{animation:fill_grow .5s 1.2s linear forwards}.skills_row:nth-child(7) .fill.fill_animation_class{animation:fill_grow .5s 1.4s linear forwards}.skills_row:nth-child(8) .fill.fill_animation_class{animation:fill_grow .5s 1.6s linear forwards}.skills_row:nth-child(9) .fill.fill_animation_class{animation:fill_grow .5s 1.8s linear forwards}.skills_row:nth-child(10) .fill.fill_animation_class{animation:fill_grow .5s 2s linear forwards}.skills_row:nth-child(11) .fill.fill_animation_class{animation:fill_grow .5s 2.2s linear forwards}.skills_row:nth-child(12) .fill.fill_animation_class{animation:fill_grow .5s 2.4s linear forwards}.skills_row:nth-child(13) .fill.fill_animation_class{animation:fill_grow .5s 2.6s linear forwards}.skills_row:hover .name{width:268px}.name{width:25%;height:100%;background:linear-gradient(135deg,var(--main-yellow-text-color),#9ae2ff);font-size:12px;font-family:Raleway-Medium,serif;color:#0b1116;letter-spacing:0;line-height:30px;text-align:center;text-transform:uppercase;flex-shrink:0;padding:0 8px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:.2s;position:absolute;top:0;left:0;border-top-left-radius:8px;border-bottom-left-radius:8px}.right_skills_block{flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;opacity:.6}.graph_triangle{transition:.5s;width:100px;height:188px;transform-style:preserve-3d}.graph_triangle .side{position:absolute;border-style:solid;border-width:200px 0 200px 346px;transform-origin:0 0;display:flex;align-items:center;justify-content:center;transition:.4s}.graph_triangle .side:before{content:"";position:absolute;left:-311px;top:-69px;width:150px;height:150px}.graph_triangle .side:nth-child(1){transform:rotateY(-19.5deg) rotateX(180deg) translateY(-400px);border-color:transparent transparent transparent rgba(70,80,95,.6)}.graph_triangle .side:nth-child(1):before{background:url(https://dyzz24.github.io/portfolio/assets/ts-lxZnmW2s.png) no-repeat center;background-size:100% 100%}.graph_triangle .side:nth-child(1):hover{border-color:transparent transparent transparent rgba(70,80,95,.95)}.graph_triangle .side:nth-child(2){transform:rotateY(90deg) rotate(60deg) rotateX(180deg) translateY(-400px);border-color:transparent transparent transparent rgba(70,80,95,.6)}.graph_triangle .side:nth-child(2):before{background:url(data:image/png;base64,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) no-repeat center;background-size:100% 100%}.graph_triangle .side:nth-child(2):hover{border-color:transparent transparent transparent rgba(70,80,95,.95)}.graph_triangle .side:nth-child(3){transform:rotateX(60deg) rotateY(19.5deg);border-color:transparent transparent transparent rgba(70,80,95,.6)}.graph_triangle .side:nth-child(3):before{background:url(https://dyzz24.github.io/portfolio/assets/js-DPJDhm2o.png) no-repeat center;background-size:100% 100%}.graph_triangle .side:nth-child(3):hover{border-color:transparent transparent transparent rgba(70,80,95,.95)}.graph_triangle .side:nth-child(4){transform:rotateX(-60deg) rotateY(19.5deg) translate(-116px) translateY(-200px) translateZ(326px);border-color:transparent transparent transparent rgba(70,80,95,.6)}.graph_triangle .side:nth-child(4):before{background:url(https://dyzz24.github.io/portfolio/assets/react-DvZq7weI.png) no-repeat center;background-size:100% 100%}.graph_triangle .side:nth-child(4):hover{border-color:transparent transparent transparent rgba(70,80,95,.95)}.triangle_anim{animation:triangle_anim_do 15s linear infinite}@keyframes triangle_anim_do{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}@keyframes fill_grow{0%{opacity:.5;width:0%}to{opacity:1;width:100%}}.menu{position:fixed;right:0;top:0;width:100px;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:11;cursor:pointer;transition:.2s}.menu span{width:30px;height:2px;background:var(--main-yellow-text-color);margin-bottom:8px;transition:inherit}.menu:hover{background:#112437}.menu:hover span:nth-child(1){transform:translate(-6px);background:#fff}.menu:hover span:nth-child(3){transform:translate(-6px);background:#fff}.menu:hover span:nth-child(2){transform:translate(6px);background:#fff}.menu.active{background:#112437}.menu.active span:nth-child(1){transform:rotate(45deg)}.menu.active span:nth-child(3){transform:translate(-6px);background:#fff;display:none}.menu.active span:nth-child(2){transform:translateY(-10px) rotate(-45deg)}.hidden_menu{position:fixed;top:100px;right:0;width:100px;background:#112437;display:none;flex-direction:column;align-items:center;z-index:11;box-shadow:0 12px 30px #0000003d;border-radius:0 0 0 12px}.hidden_menu.active{display:flex}.hidden_menu span{cursor:pointer;width:100%;height:44px;text-align:center;line-height:44px;position:relative;transition:background .25s ease,color .25s ease}.hidden_menu span:hover{background:#ffffff0a}.hidden_menu span:hover svg{fill:var(--main-yellow-text-color)}.hidden_menu span:before{content:"";font-family:Raleway-Regular;font-size:16px;right:100%;color:#fafafa;position:absolute;padding:0 12px;box-sizing:border-box;height:100%;background:#112437;white-space:nowrap;opacity:0;animation:svg_menu_anim .2s linear forwards;display:none;border-radius:8px 0 0 8px;box-shadow:-6px 8px 20px #0003;border:1px solid var(--border-subtle)}.hidden_menu span:nth-child(1):before{content:"Home"}.hidden_menu span:nth-child(2):before{content:"About"}.hidden_menu span:nth-child(3):before{content:"Recent work"}.hidden_menu span:nth-child(4):before{content:"Experience"}.hidden_menu span:nth-child(5):before{content:"Skills"}.hidden_menu span:nth-child(6):before{content:"Contact"}.hidden_menu svg{width:25px;height:20px;fill:#fff;margin-top:5px;transition:.4s}@keyframes svg_menu_anim{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media screen and (max-width: 1620px){.menu{width:80px;height:80px}.hidden_menu{top:80px;width:80px}}@media screen and (max-width: 1280px){.hidden_menu span{height:38px;line-height:38px}.hidden_menu span:before{font-size:14px;padding:0 10px}}@media screen and (max-width: 1024px){.hidden_menu span:before{display:block;width:160px}}footer{width:100%;height:250px;background:linear-gradient(145deg,#0c121ce6,#101a28f2);border-top:1px solid var(--border-subtle);display:flex;justify-content:center;flex-direction:column;padding:25px 25px 25px 260px;box-sizing:border-box;position:relative}.arrow_up{position:absolute;width:40px;height:40px;top:-20px;left:50%;margin-right:-50%;transform:translate(-50%);background-color:var(--main-yellow-text-color)!important;border-radius:4px;cursor:pointer;box-shadow:4px 4px #00000026;z-index:50;padding:2px;box-sizing:border-box}.footer_links{padding:4px 16px;box-sizing:border-box;cursor:pointer;display:flex;color:var(--main-text-white-color);font-family:Raleway-Regular;font-weight:600;letter-spacing:1px;font-size:18px;position:relative;align-items:center;margin-right:8px;border-radius:3px;text-indent:0;z-index:3;background:#ffffff0f;border:1px solid var(--border-subtle)}.footer_links span{z-index:2;width:100%;height:100%}.footer_links:hover{background:#ffffff1a}.footer_links.fcb{background:linear-gradient(135deg,#3b5998,#4e6cb0)}.footer_links.vk{background:linear-gradient(135deg,#4a76a8,#5b86b8)}.footer_links.hh{background:linear-gradient(135deg,#d6001c,#ef233c)}.footer_links.gh{background:linear-gradient(135deg,#24292e,#2f363d)}.footer_links.ln{background:linear-gradient(135deg,#0077b5,#0a85c8)}.footer_links svg{margin-right:6px}.social_row{width:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:16px}.contacts_row{display:flex;flex-direction:column;width:auto}.contacts_row p{font-family:Raleway-Regular;color:var(--main-text-white-color);font-size:18px;margin-top:6px}.contacts_row a{margin-left:12px;position:relative;display:inline-block}.contacts_row a:before{content:"";position:absolute;left:0;bottom:0;width:0%;height:1px;background:var(--main-yellow-text-color);transition:.4s}.contacts_row a:hover:before{width:100%}@media screen and (max-width: 1680px){footer{padding:25px 25px 25px 180px;height:210px}}@media screen and (max-width: 1500px){footer{padding-left:140px}}@media screen and (max-width: 1400px){footer{padding-left:100px}.contacts_row p{font-size:16px}.footer_links{font-size:16px;margin-right:16px}}@media screen and (max-width: 1100px){footer{padding-left:60px}}@media screen and (max-width: 900px){footer{padding-left:40px}.contacts_row p{font-size:14px}.footer_links{font-size:14px;margin-right:14px}}@media screen and (max-width: 700px){footer{padding-left:10px}}@media screen and (max-width: 600px){footer{height:auto}.footer_links{margin-right:8px}.footer_links{margin-bottom:12px}.social_row{flex-wrap:wrap}}@media screen and (max-width: 500px){.footer_links{padding:3px 8px}}.work__info{box-sizing:border-box;padding:144px 260px;display:flex;flex-direction:column;gap:12px}.title{font-family:Raleway-SemiBoldItalic;margin-top:10px;font-style:italic;line-height:1.55;color:#f0eeee;font-size:22px}.slider_block{width:100%;max-width:980px;height:600px;overflow:hidden;position:relative;align-self:center;margin-top:20px;border-radius:12px;box-shadow:0 24px 60px #00000059}.slider__btn_block{display:flex;align-items:center;justify-content:center;margin-top:30px;height:20px}.slider_btn{width:10px;height:10px;border-radius:50%;margin:0 14px;background:#969494b3;cursor:pointer;transition:.4s}.slider_btn.active{transform:scale(2);background:var(--main-yellow-text-color)}.slider_btn:hover{transform:scale(1.2)}.slider_wrapper{width:100%;height:100%;transition:.4s;transition-timing-function:ease-out;display:flex;-webkit-user-select:none;user-select:none}.slid{width:100%;height:100%;flex-shrink:0;display:flex;justify-content:center;border-radius:8px}.slid img{height:auto;border-radius:6px;width:100%}.other{height:100vh}.slider__control_left,.slider__control_right{top:0;position:absolute;height:100%;width:200px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.4s;z-index:2}.slider__control_left svg,.slider__control_right svg{fill-opacity:0}.slider__control_left:hover .anim_svg,.slider__control_right:hover .anim_svg{fill-opacity:.7;animation:wave_anim .2s linear forwards}.slider__control_left{left:0}.slider__control_left:hover{background:#252934;background:linear-gradient(to right,#000000a6 0,#0000) #0000}.slider__control_right{right:0}.slider__control_right:hover{background:#252934;background:linear-gradient(to left,#000000a6 0,#0000) #0000}@keyframes wave_anim{0%{transform:scale(0)}to{transform:scale(1)}}h3{margin-top:30px;margin-bottom:12px;font-family:FuturaPT-Heavy;color:var(--main-yellow-text-color);font-size:26px;display:inline-block;letter-spacing:.5px}hr{height:1px;width:280px;background-color:var(--main-yellow-text-color);border:0;margin:0 0 16px}.main_text{font-family:Raleway-Regular;font-size:18px;color:#f0eeee;margin-bottom:18px;line-height:1.6}.technology{padding-left:20px;box-sizing:border-box;display:grid;gap:6px}.technology li{color:#f0eeee;margin-bottom:2px;font-family:Raleway-Regular;font-size:18px;line-height:1.6;list-style:circle}.technology.non_padd{padding:0}video{height:450px;margin-top:16px;background:#252934;background:var(--gradient-background)}.back_menu{width:55px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:fixed;left:130px;top:77px;transition:.4s}.back_menu i{display:block;padding:4px;box-sizing:border-box;margin:3px 2px;background:var(--main-yellow-text-color);transition:.1s}.back_menu .hidden_arrow{position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20x='0'%20y='0'%20width='100.461'%20height='100.46'%20viewBox='0%200%20584.461%20584.46'%20xml:space='preserve'%3e%3cstyle%3e}%3c/style%3e%3cpath%20d='M207.021%20286.228c20.184%200%2036.601-16.42%2036.601-36.604%200-20.184-16.42-36.604-36.601-36.604-20.184%200-36.604%2016.42-36.604%2036.604%200%2020.184%2016.42%2036.604%2036.604%2036.604zm85.209%20255.63c20.184%200%2036.604-16.421%2036.604-36.604s-16.42-36.604-36.604-36.604c-20.184%200-36.604%2016.42-36.604%2036.604s16.42%2036.604%2036.604%2036.604zM207.021%20201.02c20.184%200%2036.601-16.42%2036.601-36.604%200-20.184-16.42-36.601-36.601-36.601-20.184%200-36.604%2016.42-36.604%2036.601%200%2020.184%2016.42%2036.604%2036.604%2036.604zm0%20170.417c20.184%200%2036.601-16.42%2036.601-36.604s-16.42-36.604-36.601-36.604c-20.184%200-36.604%2016.421-36.604%2036.604s16.42%2036.604%2036.604%2036.604zm0%2085.212c20.184%200%2036.601-16.42%2036.601-36.601%200-20.184-16.42-36.604-36.601-36.604-20.184%200-36.604%2016.42-36.604%2036.604%200%2020.181%2016.42%2036.601%2036.604%2036.601zm304.235-207.022c0%2020.184%2016.42%2036.604%2036.604%2036.604s36.602-16.423%2036.602-36.604-16.42-36.604-36.605-36.604c-20.185.001-36.601%2016.421-36.601%2036.604zM292.23%20456.649c20.184%200%2036.604-16.42%2036.604-36.601%200-20.184-16.42-36.604-36.604-36.604-20.184%200-36.604%2016.42-36.604%2036.604%200%2020.181%2016.42%2036.601%2036.604%2036.601zM36.604%20328.833c20.184%200%2036.604-16.42%2036.604-36.604%200-20.184-16.42-36.601-36.604-36.601C16.42%20255.628%200%20272.048%200%20292.232c0%2020.181%2016.42%2036.601%2036.604%2036.601zm85.208-42.605c20.184%200%2036.604-16.42%2036.604-36.604%200-20.184-16.42-36.604-36.604-36.604s-36.601%2016.42-36.601%2036.604c.001%2020.184%2016.418%2036.604%2036.601%2036.604zm0%2085.209c20.184%200%2036.604-16.42%2036.604-36.604s-16.42-36.604-36.604-36.604-36.601%2016.421-36.601%2036.604%2016.418%2036.604%2036.601%2036.604zm340.836-85.209c20.184%200%2036.604-16.42%2036.604-36.604%200-20.184-16.42-36.604-36.604-36.604-20.186%200-36.605%2016.42-36.605%2036.604%200%2020.184%2016.424%2036.604%2036.605%2036.604zm-85.209%200c20.184%200%2036.604-16.42%2036.604-36.604%200-20.184-16.42-36.604-36.604-36.604s-36.602%2016.42-36.602%2036.604c.001%2020.184%2016.421%2036.604%2036.602%2036.604zm121.813%2048.608c0-20.184-16.42-36.604-36.604-36.604-20.186%200-36.605%2016.42-36.605%2036.604s16.42%2036.604%2036.605%2036.604c20.184%200%2036.604-16.42%2036.604-36.604zM292.23%20371.437c20.184%200%2036.604-16.42%2036.604-36.604s-16.42-36.604-36.604-36.604c-20.184%200-36.604%2016.421-36.604%2036.604s16.42%2036.604%2036.604%2036.604zm255.625-73.204c-20.184%200-36.604%2016.42-36.604%2036.604s16.42%2036.604%2036.604%2036.604c20.186%200%2036.605-16.42%2036.605-36.604s-16.419-36.604-36.605-36.604zM292.23%20286.228c20.184%200%2036.604-16.42%2036.604-36.604%200-20.184-16.42-36.601-36.604-36.601-20.184%200-36.604%2016.42-36.604%2036.604s16.42%2036.601%2036.604%2036.601zm0-85.208c20.184%200%2036.604-16.42%2036.604-36.604%200-20.184-16.42-36.601-36.604-36.601-20.184%200-36.604%2016.42-36.604%2036.601%200%2020.184%2016.42%2036.604%2036.604%2036.604zm0-85.209c20.184%200%2036.604-16.42%2036.604-36.604%200-20.184-16.42-36.604-36.604-36.604-20.184%200-36.604%2016.42-36.604%2036.604%200%2020.184%2016.42%2036.604%2036.604%2036.604zm121.813%20219.025c0-20.184-16.42-36.604-36.604-36.604s-36.602%2016.42-36.602%2036.604%2016.42%2036.604%2036.602%2036.604c20.184-.003%2036.604-16.42%2036.604-36.604z'%20fill='%23e31b6d'/%3e%3c/svg%3e") no-repeat center;background-size:100% 100%;transition:.4s;opacity:0}.back_menu:hover i{visibility:hidden}.back_menu:hover .hidden_arrow{opacity:1}.back_menu i:nth-child(1){animation:anim_menu 2s infinite}.back_menu i:nth-child(3){animation:anim_menu 2s 2s infinite alternate}.back_menu i:nth-child(5){animation:anim_menu 2s 4s infinite alternate-reverse}.back_menu i:nth-child(7){animation:anim_menu 2s 6s infinite reverse}.back_menu i:nth-child(9){animation:anim_menu 2s 8s infinite}.back_menu i:nth-child(11){animation:anim_menu 2s infinite alternate}.back_menu i:nth-child(2){animation:anim_menu 2s 6s infinite}.back_menu i:nth-child(4){animation:anim_menu 2s 4s infinite alternate}.back_menu i:nth-child(6){animation:anim_menu 2s 2s infinite reverse}.back_menu i:nth-child(8){animation:anim_menu 2s 2s infinite alternate-reverse}.back_menu i:nth-child(10){animation:anim_menu 2s infinite reverse}.back_menu i:nth-child(12){animation:anim_menu 2s 6s infinite alternate}@keyframes anim_menu{0%{opacity:1}to{opacity:0}}.link_btn{display:inline-block;padding:2px 10px;box-sizing:border-box;border-radius:10px;background:linear-gradient(135deg,#112437,#1b314a);box-shadow:0 10px 22px #0000004d;font-family:Raleway-Bold;font-size:16px;box-shadow:1px 1px #00000040;cursor:pointer;position:relative;overflow:hidden;transition:.2s;z-index:2;margin-left:16px;background:#112437}.link_btn span{z-index:2;position:relative;color:#faf8f9;letter-spacing:1.5px;max-width:150px;overflow:hidden;padding:0 12px;box-sizing:border-box}.link_btn:hover:before{left:0%}.link_btn:hover:after{right:0%}.link_btn:before{content:" ";top:0;left:100%;height:50%;display:block;width:100%;position:absolute;z-index:1;background-color:#1f3e5e;transition:.2s}.link_btn:after{content:" ";bottom:0;right:100%;height:50%;display:block;width:100%;position:absolute;z-index:1;background-color:#2c527a;transition:.2s}.li_styles{display:flex;align-items:center}.other .li_styles{flex-direction:column;align-items:flex-start}.other .li_styles .link_btn{margin-left:0;margin-top:8px}footer{background:#112437}@media screen and (max-width: 1680px){.work__info{box-sizing:border-box;padding:77px 180px}.slider_block{width:780px;height:500px;align-self:center}.back_menu{left:90px;top:77px}}@media screen and (max-width: 1366px){.slider__control_left svg,.slider__control_right svg{width:16px;height:34px}.slider_block{width:90%;height:520px}}@media screen and (max-width: 1200px){.work__info{box-sizing:border-box;padding:34px 100px;gap:10px}.slider_block{max-width:640px;width:100%;height:415px}.main_text{margin-bottom:24px}.technology li{margin-bottom:0}}@media screen and (max-width: 1100px){.work__info{box-sizing:border-box;padding:34px 60px}.back_menu{left:4px;top:34px}h3{margin-bottom:10px;font-size:24px}h2{font-size:24px}.title{font-size:18px;letter-spacing:1px}hr{width:160px}.main_text,.technology li{font-size:16px}}@media screen and (max-width: 900px){footer{padding-left:60px}.slider_block{width:90%;height:370px}video{height:auto}}@media screen and (max-width: 748px){.slider_block{width:100%;height:320px}.work__info{gap:8px}}@media screen and (max-width: 648px){.li_styles{display:flex;flex-direction:column;align-items:flex-start}.link_btn{margin-left:0;margin-top:6px}}@media screen and (max-width: 600px){.slider_block{height:280px}}@media screen and (max-width: 500px){.work__info,footer{padding:25px 15px;gap:6px}.main_text{margin-bottom:16px}.link_btn{font-size:14px}}@media screen and (max-width: 440px){.slider_block{height:240px}}