*{margin:0;padding:0;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}header{width:100%;height:100vh;background-image:url(../image/background.png);background-position:center;background-repeat:no-repeat;background-color:#000;background-size:contain}h1,h2,h3,li,p{cursor:default}.centrTitle{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:40px}.title h1,.title p{text-align:center;font-size:4.5vmin;color:#fff;text-transform:uppercase;padding:2px;white-space:nowrap}.title h1{padding-bottom:5px;border:2px solid #fff;vertical-align:middle;background-color:#000}.menubtn__bar{width:100%;background-color:#000;position:fixed;z-index:3}.arrow{display:block;margin-left:auto;margin-right:auto;-webkit-transition:.5s;transition:.5s;cursor:pointer}.reversArrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.logo{position:absolute;margin-top:5px;margin-left:5px;left:0}nav{text-align:center;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;top:-450px;position:fixed;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;z-index:3}.logo_and_arrow{width:5%;margin-left:auto;margin-right:auto}nav.on{top:50px}.menu{background-color:#fff;width:100%;max-width:500px;margin-left:auto;margin-right:auto;border:10px solid #000;border-top:none;border-bottom:45px solid #000}.menu_list{text-transform:capitalize;text-align:center;font-weight:700}.menu_list,.personInfo_str,.social_str{list-style:none}.menu_list:first-child{padding-top:4%}.menu_item{margin-bottom:10%;font-size:20px}.container{position:absolute;padding-top:5px}.toggle-btn{display:block;background-color:#aa0a02;width:95vw;max-width:480px;height:30px;padding:5px;color:#fff;-webkit-transition:.8s;transition:.8s;border-radius:15px;cursor:pointer;-webkit-box-shadow:inset 0 0 6px 0 #000000bf;box-shadow:inset 0 0 6px 0 #000000bf;font-size:12px}.toggle-btn::after{content:"ENG";border:4px solid #000;padding:5px;border-top:7px solid #fff;color:#000;background-color:#fff;font-weight:700;border-radius:20%}.toggle-btn.active::after{content:"RUS"}.toggle-btn:before{position:absolute;content:"";left:10px;width:30px;height:20px;border-radius:5px;background-color:#fff;-webkit-box-shadow:inset -3px -3px 10px rgba(44,44,44,.356);box-shadow:inset -3px -3px 10px rgba(44,44,44,.356);-webkit-transition:.3s;transition:.3s}.toggle-btn.active:before{position:absolute;content:"";width:30px;height:20px;background-color:#fff;-webkit-box-shadow:inset -3px -3px 10px rgba(44,44,44,.356);box-shadow:inset -3px -3px 10px rgba(44,44,44,.356)}@media screen and (max-width:400px){.toggle-btn.active:before{left:86%}}@media screen and (min-width:400px){.toggle-btn.active:before{left:89%}}@media screen and (min-width:600px){.toggle-btn.active:before{left:89%}}@media screen and (min-width:450px) and (orientation:landscape){.toggle-btn.active:before{left:91%}}.toggle-btn.active{background-color:#0e376f;-webkit-transition:.8s;transition:.8s}.container input{display:none}a{text-decoration:none;color:#000}.about{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;border:15px solid #000;background:-webkit-gradient(linear,left top,right top,from(#bebebe),color-stop(17%,#fff),color-stop(83%,#fff),to(#bebebe));background:linear-gradient(90deg,#bebebe 0,#fff 17%,#fff 83%,#bebebe 100%)}.about_me a{font-weight:700}.about_me a:first-child{color:#ad0909}.about_me a:last-child{color:#1e90ff}.my_foto{width:80%;display:block;margin-left:auto;margin-right:auto;border-radius:5px;margin-bottom:2%}.menubtn__bar{height:50px}@media screen and (max-width:645px){.my_foto{width:200px}.menu_item{font-size:15px}.arrow,.menubtn__bar{height:35px}.logo{height:30px}nav.on{top:35px}.menu{border-bottom:40px solid #000}.about{border:10px solid #000}}@media screen and (min-width:645px){.my_foto{min-width:600px;max-width:900px}}.about_discript,.mySkill_discript,.portfolio_discript{padding:2%;text-align:center}.about_title,.mySkill_title,.portfolio_title{text-transform:uppercase;padding-bottom:10px}.about_intro,.mySkill_intro{text-transform:uppercase;border-bottom:1px solid #000}@media screen and (max-width:640px) and (orientation:landscape){.menu_item{margin-bottom:5vh}.menu_list:first-child{padding-top:2%}}@media screen and (min-width:640px) and (max-width:880px) and (orientation:landscape){.menu_item{margin-bottom:7vh}}@media screen and (max-width:600px){.about_title,.mySkill_title,.portfolio_title{font-size:25px}.about_intro,.mySkill_intro{font-size:15px}.content_title{margin-bottom:2%}.resume_text{font-size:12px}}@media screen and (min-width:600px){.about_title,.mySkill_title,.portfolio_title{font-size:40px}.about_intro,.mySkill_intro{font-size:25px}.content_title{font-size:20px;margin-bottom:.5%}.about_me_text,.personInfo_subtitle,.personInfo_text{font-size:20px}.resume_text{font-size:16px}.skill_text,.skill_text_border{font-size:22px}}.content_title,.personInfo_subtitle{font-weight:700}.content_title{text-transform:uppercase;text-align:center}.personInfo_subtitle,.personInfo_text{display:inline-block;text-align:left}.personInfo_text{margin-left:2px;margin-bottom:.2%}.about_me .about_me_text{text-indent:10px;margin-bottom:.5%}.resume{border-collapse:separate;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;text-align:center;padding:18px 0;margin-bottom:2%;-webkit-box-shadow:inset 3px 3px 5px gray,inset -3px -3px 10px gray;box-shadow:inset 3px 3px 5px gray,inset -3px -3px 10px gray}.resume_text{text-transform:uppercase;height:-webkit-max-content;height:-moz-max-content;height:max-content;font-weight:700;border-radius:10px;padding:10px;-webkit-transition:.5s;transition:.5s}.resume_text:hover{border-collapse:separate;-webkit-box-shadow:inset 3px 3px 5px gray;box-shadow:inset 3px 3px 5px gray;-webkit-transition:.5s;transition:.5s}.about_personInfo{text-align:center}.about_me{padding-left:10%;padding-right:10%;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin:2% auto 4%;max-width:1270px}.skills{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;border:15px solid #000;background-color:#000}.mySkill_title{color:#fff}.mySkill_discript{color:#fff;padding-bottom:0}.mySkill_intro{color:#fff;border-color:#fff}.color_line_wraper,.color_line_wraper_down{width:2%;height:20vh;margin-left:auto;margin-right:auto}.color_line,.color_line_down{width:100%;height:1%;margin-left:auto;margin-right:auto}.logo_skill,.logo_skill_show{width:50vmin;max-width:350px;height:40%;margin-left:auto;margin-right:auto;text-align:center;border-radius:50px;padding:10px}.logo_skill img,.logo_skill_show img{width:10vmin;max-width:70px;min-width:50px}.color_line_down_show,.color_line_show{width:100%;height:100%;margin-left:auto;margin-right:auto;background-color:brown;-webkit-transition:2s ease-in;transition:2s ease-in}.skill_text,.skill_text_border{min-width:250px;max-width:530px;height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:#fff;margin-left:auto;margin-right:auto;padding:3%;margin-bottom:10%;border-radius:40px}.skill_text ul li,.skill_text_border ul li{margin-left:20px;margin-bottom:10px;font-weight:700;list-style-type:square;font-family:Monospace}.logo_skill_show,.skill_text_border{-webkit-transition:.8s ease-in;transition:.8s ease-in;-webkit-box-shadow:0 0 0 10px brown;box-shadow:0 0 0 10px brown}.portfolio{border:15px solid #000;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-bottom:none}.portfolio_title{border-bottom:1px solid #000}.project{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;padding-bottom:2%}.project .sectionForP{width:85%;height:40vmax;margin-left:auto;margin-right:auto;margin-bottom:5%;position:relative;z-index:1}.screenShot{width:66%;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-left:0;margin-right:auto}.telegramUI{position:absolute;top:15%}.screenShot img{width:80%;height:auto}.discriptionPrj{width:45%;height:70%;position:absolute;top:10%;right:0;text-align:center;border:.4vw solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.discriptionPrj h2{font-size:1.8vw;font-family:Oswald,sans-serif;text-transform:uppercase}.howBild{width:60%;text-align:center;display:block;margin:8% auto 10%}.howBild p{font-size:1.2vw;font-family:Oswald,sans-serif;text-transform:uppercase}.discriptionPrj a{border:.2vw solid #000;font-size:1.2vw;font-family:Oswald,sans-serif;text-transform:uppercase;padding:1% 3%;-webkit-transition:.5s;transition:.5s}.discriptionPrj a:hover{padding:1% 8%;-webkit-transition:.5s;transition:.5s}.contact{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:#000}.social{padding:1%}.social p{color:#fff;text-align:center;text-transform:uppercase;margin:10px 10px 5px}.social_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social_str{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin:10px}.author{color:#fff;text-align:center;padding-bottom:2vh}.social_str img{max-width:40px;height:auto}body::-webkit-scrollbar-track{background-color:#000}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background-color:#919191;border:2px solid #0c0c0ce3;border-radius:4px}@media screen and (max-width:425px){.logo_and_arrow{width:12%}.discriptionPrj{width:90%;height:40vw;position:static;margin-left:auto;margin-right:auto}.discriptionPrj h2{font-size:14px}.discriptionPrj a{font-size:8px;padding:.5% 3%;-webkit-transition:.5s;transition:.5s}.howBild{width:80%;margin-top:2%;margin-bottom:4%}.howBild p{font-size:10px}.project .sectionForP{width:90%;height:120vw}.project .sectionForP:last-child{height:95vw}.telegramUI{position:static}.screenShot{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-left:auto;margin-right:auto}.screenShot img{width:100%;height:auto;margin-bottom:5%}.social_str img{max-width:30px}}@media screen and (max-width:640px) and (orientation:landscape){.discriptionPrj h2{font-size:2.5vw}.howBild p{font-size:1.5vw}}@media screen and (min-width:600px) and (orientation:portrait){.discriptionPrj h2{font-size:2.5vw}.howBild p{font-size:1.5vw}}