*{margin:0;padding:0}html{scroll-behavior:smooth}a{text-decoration:none;color:#fff}img{display:block}ul{list-style:none}body{font-family:"DM Sans",sans-serif;background-color:#171717}.container{display:block;width:100%;padding:0 20px;margin:0 auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1240px){.container{width:1240px}}.header{padding:12px 0;background-color:#27ae60;position:sticky;z-index:10;top:0;width:100%;border-bottom:2px solid #124e2b}@media screen and (min-width: 768px){.header{padding:22px 0}}@media screen and (min-width: 1240px){.header{padding:32px}}.header_wapper{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:10px}@media screen and (min-width: 768px){.header_wapper{flex-direction:row}}.logo{font-weight:700;font-size:36px}.navigation{display:flex;gap:32px}.navigation__link{font-weight:500;font-size:18px;color:#fff;transition:color .4s ease-out;position:relative}.navigation__link::before{content:"";position:absolute;display:inline-block;background-color:#1c7742;border-radius:50%;width:10px;height:10px;bottom:-10px;left:45%;transform:translateX(-50%);transform:scale(0);transition:transform .3s ease-in-out}.navigation__link:hover::before{transform:scale(1)}.navigation__link:hover{color:#37e27e}.hero{padding:32px 0}@media screen and (min-width: 768px){.hero{padding:52px 0}}@media screen and (min-width: 1240px){.hero{padding:72px 0}}.hero_title{font-weight:500;font-size:14px;color:#828282;text-align:center}@media screen and (min-width: 1240px){.hero_title{font-size:18px}}.hero_subtitle{margin-top:18px;font-weight:700;font-size:36px;text-transform:uppercase;color:#fff;animation:tracking-in-expand .7s ease;text-align:center}@media screen and (min-width: 1240px){.hero_subtitle{font-size:48px}}@keyframes tracking-in-expand{0%{letter-spacing:-0.5em;opacity:0}100%{letter-spacing:normal;opacity:1}}.hero_description{margin-top:32px;font-weight:500;font-size:18px;color:#828282;width:100%;animation:tracking-in-expand .7s ease .1s;text-align:center}@media screen and (min-width: 768px){.hero_description{text-align:left}.hero_subtitle{text-align:left}.hero_title{text-align:left}}.hero_actions{margin-top:63px;display:flex;gap:16px;flex-direction:column}@media screen and (min-width: 768px){.hero_actions{flex-direction:row}}.hero_actions__link{padding:12px 27px;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:14px;background-color:#27ae60;border-radius:8px;color:#fff;transition:background-color .4s ease-out}.downoload-cv{animation:vibrate-1 1.5s linear infinite both}@keyframes vibrate-1{0%{transform:translate(0);box-shadow:0 0 4px 4px #27ae60}20%{transform:translate(-2px, 2px)}40%{transform:translate(0)}60%{transform:translate(0)}80%{transform:translate(0)}100%{transform:translate(0)}}.hero_actions__link-secondary{background-color:rgba(0,0,0,0);border:1px solid #fff}.hero_actions__link:hover{background-color:#1a723f;animation:none}.hero_wrapper{display:flex;align-items:center;flex-direction:column;gap:20px}@media screen and (min-width: 768px){.hero_wrapper{flex-direction:row}}.hero_ava{border-radius:50%;border:3px solid #27ae60;padding:20px}@media screen and (min-width: 768px){.hero_ava{width:350px;height:350px}}@media screen and (min-width: 1240px){.hero_ava{width:460px;height:460px}}.hero_image-wrapper{position:relative}.hero_image-wrapper::after{content:"";position:absolute;display:inline-block;width:20px;height:20px;background-color:#34c759;border-radius:50%;border:2px solid #fff;right:70px;bottom:15px;animation:ball-animation 2s ease-in-out 0s infinite alternate running}@media screen and (min-width: 768px){.hero_image-wrapper::after{width:30px;height:30px}}@media screen and (min-width: 1240px){.hero_image-wrapper::after{width:32px;height:32px;right:90px;bottom:20px}}@keyframes ball-animation{0%{box-shadow:0 0 4px 3px #2db44f;transform:scale(1)}33%{box-shadow:0 0 4px 6px #41e46a;transform:scale(1.3)}66%{box-shadow:0 0 4px 3px #2db44f;transform:scale(1)}100%{box-shadow:0 0 4px 3px #2db44f;transform:scale(1)}}.hero_image-wrapper::before{content:"#open_to_work 👨‍💻";position:absolute;font-weight:500;font-size:10px;color:#000;display:flex;align-items:center;justify-content:center;border-radius:8px;width:120px;height:32px;background-color:#ebebeb;bottom:70px}@media screen and (min-width: 768px){.hero_image-wrapper::before{width:140px;height:45;font-size:12px}}@media screen and (min-width: 1240px){.hero_image-wrapper::before{width:160px;height:56px;font-size:14px}}.about_title{font-weight:700;font-size:36px;text-align:center;color:#fff}@media screen and (min-width: 1240px){.about_title{font-size:48px}}.about_text_top{margin:0 auto;margin-top:16px;width:200px;text-align:center;font-weight:400;font-size:14px;color:#fff}@media screen and (min-width: 768px){.about_text_top{width:400px}}@media screen and (min-width: 1240px){.about_text_top{width:576px;font-size:18px}}.about_text_strong{font-weight:600;font-size:14px;text-align:justify;color:#fff}.about_text_bot{margin-top:12px;font-weight:400;font-size:14px;text-align:justify;color:#fff}@media screen and (min-width: 768px){.about_text_bot,.about_text_strong{width:300px}.about_text_bot{margin-top:22px}}@media screen and (min-width: 1240px){.about_text_bot,.about_text_strong{width:550px;font-size:18px}}.about{padding-top:32px}@media screen and (min-width: 768px){.about{padding-top:42px}}@media screen and (min-width: 1240px){.about{padding-top:72px}}.about_wrapper{display:flex;justify-content:center;align-items:center;margin-top:26px;flex-direction:column}@media screen and (min-width: 768px){.about_wrapper{justify-content:space-between;flex-direction:row}}.about_image{border-radius:16px}@media screen and (min-width: 768px){.about_image{width:360px;height:240px}}@media screen and (min-width: 1240px){.about_image{width:560px;height:396px}}.about_inner{margin-top:15px;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.about_inner{align-items:flex-start}}@media screen and (min-width: 1240px){.about_inner{margin-left:80px}}.about_button{display:block;width:143px;text-align:center;margin-top:26px;font-weight:500;font-size:14px;color:#fff;padding:12px 27px;background-color:rgba(0,0,0,0);border-radius:8px;border:1px solid #fff;transition:background-color .4s ease-out}@media screen and (min-width: 1240px){.about_button{margin-top:56px}}.about_button:hover{background-color:#1a723f}.about_list{display:flex;margin:0 auto;margin-top:64px;justify-content:space-around;gap:15px;flex-wrap:wrap}.about_list li{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center}.about_list div{display:flex;justify-content:center;align-items:center;margin:0 auto;background-color:#212121;border-radius:50%;width:80px;height:80px}@media screen and (min-width: 1240px){.about_list div{width:120px;height:120px}}.about_list li img{margin:0 auto}@media screen and (min-width: 1240px){.about_list li img{width:72px;height:72px}}.about_list li h3{margin-top:8px;font-size:14px}@media screen and (min-width: 1240px){.about_list li h3{font-size:18px}}.about_list li p{margin-top:8px;width:200px;font-size:12px}@media screen and (min-width: 1240px){.about_list li p{font-size:16px}}.my_portfolio{padding-top:144px}.my_portfolio-title{font-weight:700;font-size:48px;color:#fff}.my_portfolio-text{width:576px;font-weight:400;font-size:18px;color:#fff;margin-top:16px}.my_portfolio-list{display:flex;margin-top:64px;gap:105px}.my_portfolio-image-wrapper{position:relative}.my_portfolio-list-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.my_portfolio-list li{border-radius:16px;background-color:#fff;width:330px;height:348px;overflow:hidden}.my_portfolio-list-wrapper{padding:24px 16px}.my_portfolio-list-text{font-weight:400;font-size:12px;text-align:justify;color:#556070;margin-top:8px}.my_portfolio-list li a{padding:8px 24px;display:flex;background-color:#27ae60;border-radius:8px;font-weight:600;font-size:14px;text-transform:uppercase;text-align:justify;color:#fff;width:117px;transition:background-color .5s ease-in-out}.my_portfolio-list li a:hover{background-color:#1a723f}.contacts{padding-top:144px}.contacts-title{font-weight:700;font-size:48px;text-align:center;color:#fff}.contacts-text{font-weight:300;font-size:18px;color:#fff;width:441px;margin:0 auto;text-align:center;margin-top:16px}.contacts-list{line-height:48px;margin-top:32px;margin-left:105px}.contacts-list li a{font-weight:400;font-size:20px;color:#fff;padding-left:40px;background-repeat:no-repeat;background-position:left center;background-size:24px}.contacts-list-phone{background-image:url(../img/phone.png)}.contacts-list-email{background-image:url(../img/email.png)}.contacts-list-adress{background-image:url(../img/adress.png)}.contacts-list-phone:hover{color:gray}.contacts-list-email:hover{color:gray}.contacts-list-adress:hover{color:gray}.contacts-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:56px}.contacts-form{display:flex;flex-direction:column;gap:16px}.contacts-form input{font-weight:700;font-size:14px;background:none;color:#d4d4d4;border:none;border-bottom:2px solid #4f4f4f;width:240px;margin-right:32px;margin-top:38px;padding:5px;transition:border-bottom .3s ease-in-out}.contacts-form input:focus{outline:none;border-bottom:2px solid #27ae60}.contacts-form-message{font-weight:700;font-size:14px;background:none;color:#d4d4d4;border-radius:7px;width:512px;height:96px;padding:8px 10px;margin-top:38px;transition:border .3s ease-in-out}.contacts-form-message:focus{outline:none;border:1px solid #27ae60}.contacts-form-button{display:flex;font-weight:500;font-size:14px;color:#fff;background:#27ae60;margin:0 auto;padding:12px 24px;border:none;border-radius:8px;margin-top:16px}.contacts-form-button:hover{cursor:pointer;background-color:#1a723f}.footer{padding:80px 0px 32px 0px}.footer-wrapper{display:flex;justify-content:space-between;align-items:center}.footer-list{display:flex;gap:16px}.footer-list div{background-color:#27ae60;padding:8px;border-radius:50%;transition:transform .2s ease-in-out}.footer-company-title{font-weight:300;font-size:14px;color:#e5e5ea}.footer-list a:hover div{transform:scale(1.2)}/*# sourceMappingURL=main.min.css.map */