@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:400,700";*,:before,:after{box-sizing:border-box}body{background-color:#151515;margin:0}.container{flex-direction:column;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding-left:16px;padding-right:16px;display:flex}@media (width>=768px){.container{padding-left:32px;padding-right:32px}}@media (width>=1200px){.container{padding-left:85px;padding-right:85px}}hr{margin:0 auto;border:none;border-top:1.8px solid #fff;width:95%;height:0;margin-block:0;margin-inline:auto;display:block}@media (width>=1200px){hr{width:88%}}.main{position:relative;overflow:hidden}@media (width>=768px){.main hr{display:none}}.main:after{content:"";z-index:2;background-image:url(/landing_pages/portfolio/dist/assets/decoration-image-DzeQKk0i.png);background-repeat:no-repeat;background-size:contain;width:180px;height:215px;position:absolute;top:430px;right:1px;transform:rotate(180deg)}@media (width>=768px){.main:after{width:230px;top:330px}}@media (width>=1200px){.main:after{width:280px;top:230px}}.main:before{content:"";z-index:2;background-image:url(/landing_pages/portfolio/dist/assets/decoration-image-DzeQKk0i.png);background-repeat:no-repeat;background-size:contain;width:180px;height:215px;position:absolute;bottom:-10px;left:-10px}@media (width>=768px){.main:before{width:190px;bottom:-40px}}@media (width>=1200px){.main:before{width:220px;bottom:0}}.main .container{z-index:1;position:relative}@media (width>=768px){.main .container{align-items:flex-start;padding-top:50px;padding-bottom:52px}}@media (width>=768px) and (width>=1200px){.main .container{padding-bottom:0}}.main .skills{padding-top:40px;padding-bottom:40px}@media (width>=1200px){.main .skills{padding-bottom:0}}.main .skills__list{flex-direction:column;justify-content:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.main .skills__list{grid-template-columns:repeat(2,1fr);justify-items:start;display:grid}}@media (width>=1200px){.main .skills__list{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:60px 35px}}.main .skills__item{color:#fff;text-align:center;font-family:Space Grotesk,sans-serif}@media (width>=768px){.main .skills__item{text-align:left}}.main .skills__item h3{letter-spacing:-1px;margin:0;padding:0;font-size:32px;font-weight:700;line-height:40px}@media (width>=768px){.main .skills__item h3{letter-spacing:-1.5px;padding-bottom:14px;font-size:48px;line-height:56px}}.main .skills__item p{color:#d9d9d9;margin:0;padding:0;font-size:16px;font-weight:500;line-height:26px}@media (width>=768px){.main .skills__item p{font-size:18px;line-height:28px}}.main .projects{padding-top:80px;padding-bottom:50px}@media (width>=768px){.main .projects{padding-top:20px;padding-bottom:20px}.main .projects .project_grid{grid-template-columns:repeat(2,1fr);justify-content:center;gap:32px;display:grid}}@media (width>=768px) and (width>=1200px){.main .projects .project_grid{column-gap:11px}}@media (width>=1200px){.main .projects{padding-top:0}}@media (width>=768px){.main .projects .container{align-items:normal}}.main .projects__header{justify-content:center;align-items:center;gap:71px;padding-bottom:41px;display:inline-flex}@media (width>=768px){.main .projects__header{justify-content:space-between;gap:313px}}@media (width>=1200px){.main .projects__header{padding-bottom:80px}}.main .projects__header h2{letter-spacing:-1.136px;color:#fff;margin:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;line-height:40px}@media (width>=768px){.main .projects__header h2{letter-spacing:-2.045px;font-size:72px;line-height:72px}}@media (width>=1200px){.main .projects__header h2{letter-spacing:-2.5px;font-size:88px;line-height:88px}}.main .projects__header .btn{color:#fff;letter-spacing:2.286px;border-bottom:2px solid #4ee1a0;padding-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.main .projects__header .btn:hover{color:#4ee1a0}.main .projects__item{padding-bottom:40px;position:relative}@media (width>=1200px){.main .projects__item:hover img{opacity:.35;background:#000}.main .projects__item:hover .projects__links{opacity:1;pointer-events:all}}.main .projects__item img{width:346px;height:253px}@media (width>=1200px){.main .projects__item img{width:500px;height:400px}}.main .projects__item h3{color:#fff;margin:0;padding:20px 0 7px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;line-height:32px}.main .projects__tags{gap:20px;margin:0;padding:0 0 20px;list-style:none;display:inline-flex}.main .projects__tags li{color:#d9d9d9;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;line-height:28px}.main .projects__links{gap:30px;display:inline-flex}@media (width>=768px){.main .projects__links{display:flex}}@media (width>=1200px){.main .projects__links{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:500px;height:400px;transition:opacity .3s;position:absolute;top:0;left:0}}.main .projects__links a{color:#fff;letter-spacing:2.286px;border-bottom:2px solid #4ee1a0;padding-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.main .projects__links a:hover{color:#4ee1a0}.main .contact{background-color:#242424;padding-bottom:87px}@media (width>=768px){.main .contact .container{width:75%;padding-top:30px}}@media (width>=768px) and (width>=1200px){.main .contact .container{grid-template-columns:1fr 1fr;justify-content:space-between;column-gap:160px;width:100%;padding-top:40px;display:grid}}.main .contact__header{flex-direction:column;align-items:center;gap:20px;padding-top:60px;padding-bottom:50px;display:flex}@media (width>=1200px){.main .contact__header{align-self:flex-start;align-items:normal;padding-top:0}}.main .contact__header h2{color:#fff;letter-spacing:-1.136px;margin:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;line-height:40px}@media (width>=768px){.main .contact__header h2{letter-spacing:-2.045px;font-size:72px;line-height:72px}}@media (width>=1200px){.main .contact__header h2{letter-spacing:-2.5px;font-size:88px;line-height:88px}}.main .contact__header p{text-align:center;color:#d9d9d9;margin:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;line-height:26px}@media (width>=768px){.main .contact__header p{padding-left:40px;padding-right:40px;font-size:18px;line-height:28px}}@media (width>=1200px){.main .contact__header p{text-align:left;padding-left:0;padding-right:0}}.main .contact .form{flex-direction:column;align-items:center;gap:32px;width:100%;display:flex}@media (width>=1200px){.main .contact .form{width:95%}}.main .contact .form__label{flex-direction:column;width:100%;display:flex}.main .contact .form__label label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.main .contact .form__label input{color:#d9d9d9;letter-spacing:-.222px;background-color:#0000;border:none;border-bottom:1px solid #d9d9d9;margin:0;padding:0 0 16px 14px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;line-height:26px}.main .contact .form__label input[type=email]:not(:placeholder-shown):invalid{color:#d9d9d9;border-bottom-color:red}.main .contact .form__label input::placeholder{padding-left:24px}.main .contact .form__label .form__error{color:red;text-align:right;padding-top:8px;font-family:Space Grotesk,sans-serif;font-size:10px;display:none}.main .contact .form__label input[type=email]:not(:placeholder-shown):invalid~.form__error{display:block}.main .contact .form__label:has(input[type=email]:not(:placeholder-shown):invalid):after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='11.5'%20stroke='%23FF6F5B'/%3e%3crect%20x='11'%20y='6'%20width='2'%20height='9'%20rx='1'%20fill='%23FF6F5B'/%3e%3crect%20x='11'%20y='17'%20width='2'%20height='2'%20rx='1'%20fill='%23FF6F5B'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:24px;height:24px;position:absolute;top:330px;right:30px}@media (width>=768px){.main .contact .form__label:has(input[type=email]:not(:placeholder-shown):invalid):after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='11.5'%20stroke='%23FF6F5B'/%3e%3crect%20x='11'%20y='6'%20width='2'%20height='9'%20rx='1'%20fill='%23FF6F5B'/%3e%3crect%20x='11'%20y='17'%20width='2'%20height='2'%20rx='1'%20fill='%23FF6F5B'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:24px;height:24px;position:absolute;top:400px;right:40px}}@media (width>=1200px){.main .contact .form__label:has(input[type=email]:not(:placeholder-shown):invalid):after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='11.5'%20stroke='%23FF6F5B'/%3e%3crect%20x='11'%20y='6'%20width='2'%20height='9'%20rx='1'%20fill='%23FF6F5B'/%3e%3crect%20x='11'%20y='17'%20width='2'%20height='2'%20rx='1'%20fill='%23FF6F5B'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:24px;height:24px;position:absolute;top:120px;right:120px}}.main .contact .form__message{flex-direction:column;width:100%;display:flex}.main .contact .form__message label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.main .contact .form__message textarea{color:#d9d9d9;letter-spacing:-.222px;background-color:#0000;border:none;border-bottom:1px solid #d9d9d9;margin:0;padding:0 0 16px 14px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;line-height:26px}.main .contact .form__message textarea::placeholder{padding-left:24px}.main .contact .form button{color:#fff;letter-spacing:2.286px;background-color:#0000;border:none;border-bottom:2px solid #4ee1a0;padding-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.main .contact .form button:hover{color:#4ee1a0}.main .contact .form button{align-self:flex-end}.header{padding-bottom:80px;position:relative;overflow:hidden}.header:after{content:"";z-index:0;background-image:url(/landing_pages/portfolio/dist/assets/decoration-image-DzeQKk0i.png);background-repeat:no-repeat;background-size:contain;width:180px;height:200px;position:absolute;top:150px;left:-10px}@media (width>=768px){.header:after{width:250px;top:85px}.header:before{content:"";background-color:#242424;width:45%;height:83%;position:absolute;top:0;right:-12px}}@media (width>=768px) and (width>=1200px){.header:before{width:380px;right:70px}}@media (width>=1200px){.header{padding-bottom:100px}}.header .container{z-index:1;flex-direction:column;display:flex;position:relative}@media (width>=768px){.header .container{flex-direction:row;justify-content:space-between}}.header .container .social-info{flex-direction:column;align-items:center;gap:20px;padding:20px 10px 49px;display:flex}@media (width>=768px){.header .container .social-info{flex-direction:column;order:2;align-items:flex-start;width:100%;height:600px;padding-top:29px;padding-left:0;padding-right:0}}.header .container .social-info .header__photo{margin:0;align-self:center;width:230px;height:300px;margin-top:40px;padding:0}@media (width>=768px){.header .container .social-info .header__photo{align-self:flex-end;width:45%;height:486px;position:absolute;top:65px;right:-12px}}@media (width>=1200px){.header .container .social-info .header__photo{width:375px;height:480px;margin-top:55px;top:75px;right:70px}}.header .container .social-info .name-networks{flex-direction:column;align-items:center;gap:20px;display:flex}@media (width>=768px){.header .container .social-info .name-networks{flex-direction:row;justify-content:space-between;gap:16px;width:100%}}@media (width>=1200px){.header .container .social-info .name-networks{justify-content:space-between}}.header .container .social-info .name-networks .social-name{color:#fff;letter-spacing:-.333px;margin:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;line-height:32px}@media (width>=768px){.header .container .social-info .name-networks .social-name{font-size:32px;left:25px}.header .container .social-info .name-networks a{order:2}}.header .container .social-info .name-networks a img{filter:brightness(0)invert()}@media (width>=768px){.header .container .social-info .name-networks a img{width:193px;height:25px}}.header .container .presentation{flex-direction:column;align-items:center;padding-left:16px;padding-right:16px;display:flex}@media (width>=768px){.header .container .presentation{align-items:flex-start;width:414px;margin:0;padding:0;position:absolute;top:30%}}@media (width>=1200px){.header .container .presentation{width:800px;top:25%}}.header .container .presentation h1{text-align:center;color:#fff;letter-spacing:-1.136px;margin:0;padding:0 0 20px;font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;line-height:40px}@media (width>=768px){.header .container .presentation h1{letter-spacing:-2.045px;text-align:left;padding-bottom:60px;font-size:68px;line-height:72px}}@media (width>=1200px){.header .container .presentation h1{letter-spacing:-2.5px;padding-bottom:43px;font-size:88px;line-height:88px}}.header .container .presentation h1 span{border-bottom:4px solid #4ee1a0;padding-bottom:1px;display:inline-block}.header .container .presentation p{text-align:center;color:#d9d9d9;margin:0;padding:0 0 24px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;line-height:26px}@media (width>=768px){.header .container .presentation p{text-align:left;font-size:18px;line-height:28px}}@media (width>=1200px){.header .container .presentation p{width:445px;padding-bottom:60px}}.header .container .presentation .btn{color:#fff;letter-spacing:2.286px;border-bottom:2px solid #4ee1a0;padding-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.header .container .presentation .btn:hover{color:#4ee1a0}.footer{background-color:#242424;padding-bottom:24px}@media (width>=768px){.footer{padding-bottom:0}}.footer .container{justify-content:space-between;align-items:center;gap:30px;padding-top:40px;display:flex}@media (width>=768px){.footer .container{flex-direction:row;justify-content:space-between;padding-bottom:40px;display:inline-flex}}.footer__name{color:#fff;letter-spacing:-.333px;margin:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;line-height:32px}@media (width>=768px){.footer__name{letter-spacing:-.444px;font-size:32px;line-height:32px}}.footer__social-networks img{filter:brightness(0)invert()}@media (width>=768px){.footer__social-networks img{width:193px;height:25px}}