@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap";*,:after,:before{box-sizing:border-box;padding:0;margin:0}html{touch-action:none;overflow-x:hidden}html::-webkit-scrollbar{width:8px}@media only screen and (max-width:991.98px){html::-webkit-scrollbar{display:none}}html::-webkit-scrollbar-track{background:#363636}html::-webkit-scrollbar-thumb{background:#8a8a8a}body{font-family:Montserrat,sans-serif;font-size:16px;background-color:#363636}a::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection,img::selection,p::selection,span::selection{background-color:#ad844c!important;color:#fff}br::selection{background-color:#ad844c!important;color:#fff}.layout{width:100%;display:flex}@media only screen and (max-width:991.98px){.layout{flex-direction:column}}.container{display:block;margin:0 auto;width:100%;max-width:1360px}.btn{background-color:#ad844c;color:#363636;outline:none;border:none;border-radius:4px;font-size:18px;font-weight:600;padding:16px 40px;cursor:pointer;text-decoration:none}@media only screen and (max-width:576px){.btn{font-size:17px;padding:16px 35px}}@media only screen and (max-width:421px){.btn{font-size:16.5px}}.btn:hover{background-color:#9b7644;color:#3b3b3b}.navigation{position:fixed;left:300px;top:0;width:calc(100% - 300px);height:100%;background-color:#2c2c2c;display:flex;align-items:center;padding:100px 0 100px 50px;z-index:-1;transform:translateY(-100vh);visibility:hidden;transition:.3s ease-in-out;border-left:1px solid #8a8a8a}@media only screen and (max-width:1366px){.navigation{width:calc(100% - 270px);left:270px}}@media only screen and (max-width:1322px){.navigation{width:calc(100% - 260px);left:260px}}@media only screen and (max-width:991.98px){.navigation{width:100%;left:0;padding-top:80px;padding-bottom:80px;border-left:none}}@media only screen and (max-width:576px){.navigation{padding-left:40px;padding-top:60px;padding-bottom:70px}}@media only screen and (max-width:421px){.navigation{padding-left:35px}}@media only screen and (max-width:319.98px){.navigation{padding-left:20px}}.navigation__open{transform:translateY(0);z-index:300;visibility:visible}.navigation__container{position:relative}.navigation__menu{list-style-type:none}.navigation__menu li{font-size:48px;line-height:1.8;cursor:pointer}@media only screen and (max-width:1024px){.navigation__menu li{font-size:44px}}@media only screen and (max-width:576px){.navigation__menu li{font-size:40px;line-height:1.7}}@media only screen and (max-width:421px){.navigation__menu li{font-size:38px;line-height:1.6}}@media only screen and (max-width:319.98px){.navigation__menu li{font-size:30px}}.navigation__menu a{color:#8a8a8a;text-decoration:none}.navigation__menu a:hover{color:#cacaca}.navigation__trigger{background:none;outline:none;border:none;width:55px;height:40px;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;position:fixed;top:30px;right:30px;z-index:301}@media only screen and (max-width:1366px){.navigation__trigger{right:20px}}@media only screen and (max-width:991.98px){.navigation__trigger{top:22.5px;right:15px}}@media only screen and (max-width:576px){.navigation__trigger{width:45px;height:32px;top:26.5px}}@media only screen and (max-width:421px){.navigation__trigger{width:35px;height:20px;top:30.5px;right:10px}}.navigation__trigger span{display:block;position:absolute;height:6px;width:100%;background:#cacaca;border-radius:6px;opacity:1;left:0;transform:rotate(0deg);transition:.3s ease-in-out}@media only screen and (max-width:576px){.navigation__trigger span{height:5px}}@media only screen and (max-width:421px){.navigation__trigger span{height:4px}}.navigation__trigger span:first-child{top:0}.navigation__trigger span:nth-child(2),.navigation__trigger span:nth-child(3){top:16px}@media only screen and (max-width:576px){.navigation__trigger span:nth-child(2),.navigation__trigger span:nth-child(3){top:13px}}@media only screen and (max-width:421px){.navigation__trigger span:nth-child(2),.navigation__trigger span:nth-child(3){top:10px}}.navigation__trigger span:nth-child(4){top:32px}@media only screen and (max-width:576px){.navigation__trigger span:nth-child(4){top:26px}}@media only screen and (max-width:421px){.navigation__trigger span:nth-child(4){top:20px}}.navigation__trigger--open span:first-child{top:18px;width:0;left:50%}.navigation__trigger--open span:nth-child(2){transform:rotate(45deg)}.navigation__trigger--open span:nth-child(3){transform:rotate(-45deg)}.navigation__trigger--open span:nth-child(4){top:18px;width:0;left:50%}.sidebar{width:300px;background-color:#2c2c2c;padding:50px 40px;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media only screen and (max-width:1366px){.sidebar{width:270px;padding:45px 25px}}@media only screen and (max-width:1322px){.sidebar{padding:45px 20px}}@media only screen and (max-width:991.98px){.sidebar{position:fixed;top:0;left:0;height:85px;width:100vw;padding:5px 90px 5px 20px;z-index:100}}@media only screen and (max-width:576px){.sidebar{padding-right:75px}}@media only screen and (max-width:421px){.sidebar{flex-direction:row;padding:5px 60px 5px 10px}}.sidebar__content{width:220px;text-align:center;position:fixed;top:50px;left:40px}@media only screen and (max-width:1366px){.sidebar__content{left:25px}}@media only screen and (max-width:991.98px){.sidebar__content{position:relative;top:auto;left:auto;width:100%;display:flex;justify-content:space-between;align-items:center}}.sidebar__menu ul{list-style:none;text-align:right}.sidebar__menu li{color:#cacaca;font-size:16px;font-weight:300;margin-bottom:10px}.sidebar__menu li:last-child{margin-bottom:0}.sidebar__avatar{width:220px;height:220px;margin-bottom:20px}@media only screen and (max-width:1322px){.sidebar__avatar{width:200px;height:200px;margin:0 auto 20px}}@media only screen and (max-width:991.98px){.sidebar__avatar{width:75px;height:75px;margin:0}}@media only screen and (max-width:421px){.sidebar__avatar{width:65px;height:65px}}@media only screen and (max-width:319.98px){.sidebar__avatar{height:50px;width:50px}}.sidebar__avatar img{width:100%;height:auto;border-radius:50%;overflow:hidden}@media only screen and (max-width:991.98px){.sidebar__text{line-height:1}}.sidebar__name{color:#fff;font-size:22.5px;font-weight:400;margin-bottom:10px}@media only screen and (max-width:991.98px){.sidebar__name{font-size:20px;margin-bottom:6px}}@media only screen and (max-width:421px){.sidebar__name{font-size:18px}}.sidebar__desc{color:#cacaca;font-size:16px;font-weight:400;margin-bottom:10px}@media only screen and (max-width:991.98px){.sidebar__desc{margin-bottom:6px}}@media only screen and (max-width:421px){.sidebar__desc{font-size:15px}}.sidebar__desc span{display:block}@media only screen and (max-width:991.98px){.sidebar__desc span{display:inline-block}.sidebar__desc span:first-child{margin-right:6px}}@media only screen and (max-width:365px){.sidebar__desc span.responsive{display:none}}.sidebar__country{color:#8a8a8a;font-weight:300}@media only screen and (max-width:991.98px){.sidebar__country{font-size:14px}}@media only screen and (max-width:421px){.sidebar__country{font-size:13px}}.social{padding:20px}@media only screen and (max-width:991.98px){.social{display:none;padding:0}}.social__navigation{position:absolute;left:50px;bottom:20px;width:292px;display:none}@media only screen and (max-width:991.98px){.social__navigation{display:block}}@media only screen and (max-width:576px){.social__navigation{left:40px;width:265px}}@media only screen and (max-width:421px){.social__navigation{left:35px;width:252px}}@media only screen and (max-width:319.98px){.social__navigation{font-size:30px;width:200px;left:20px}}.social__navigation .social__icon{width:32px;height:32px}@media only screen and (max-width:576px){.social__navigation .social__icon{width:28px;height:28px}}.social ul{list-style:none;display:flex;justify-content:space-between}.social__icon{width:24px;height:24px}@media only screen and (max-width:991.98px){.social__icon{width:22px;height:22px}}.social__icon svg{width:100%;height:100%}.social__icon--mail path,.social__icon--mail rect{stroke:#cacaca}.social__icon--github path,.social__icon--instagram path,.social__icon--linkedin path{fill:#cacaca}.page{width:100%;padding:50px}@media only screen and (max-width:1366px){.page{padding:50px 40px}}@media only screen and (max-width:576px){.page{padding:30px 20px;min-height:auto}}@media only screen and (max-width:421px){.page{padding:30px 15px}}@media only screen and (max-width:319.98px){.page{padding:20px 10px}}.page:first-of-type{padding-top:120px}@media only screen and (max-width:991.98px){.page:first-of-type{padding-top:75px}}.page__container{flex:1 1}@media only screen and (max-width:991.98px){.page__container{padding-top:85px}}.page__title{font-size:42px;font-weight:400;color:#cacaca;text-align:center;letter-spacing:2px;margin-bottom:75px}@media only screen and (max-width:991.98px){.page__title{margin-bottom:45px}}@media only screen and (max-width:421px){.page__title{font-size:40px}}@media only screen and (max-width:351px){.page__title{font-size:36px}}@media only screen and (max-width:319.98px){.page__title{font-size:30px}}.page__subtitle{color:#cacaca;font-size:17px;line-height:1.6;font-weight:400;text-align:center;margin-bottom:40px}.page__about,.page__projects,.page__skills{display:flex;flex-direction:column}@media only screen and (max-width:1198.98px){.page__about,.page__projects,.page__skills{padding-bottom:0}}.page__about,.page__skills{justify-content:center;align-items:center}.page__projects{align-items:center}@media only screen and (max-width:576px){.page__contact .page__subtitle br{display:none}}.about__container{max-width:1360px;color:#cacaca;line-height:1.8;flex:1 1;display:flex;flex-wrap:wrap;align-items:center}.about__content{width:60%}@media only screen and (max-width:1322px){.about__content{width:100%;margin-bottom:40px}}@media only screen and (max-width:767.98px){.about__content{margin-bottom:20px}}.about__heading{font-size:24px;font-weight:500;margin-bottom:30px}.about__heading.subheading{font-weight:400}.about__text{font-size:17px;margin-bottom:20px}.about__text a{color:#cacaca;font-weight:600;text-decoration:none}.about__icons{width:40%;padding-left:50px;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:1322px){.about__icons{width:100%;max-width:500px;padding-left:0}}@media only screen and (max-width:767.98px){.about__icons{max-width:none;align-items:center}.about__icons--container{width:100%;max-width:420px}}@media only screen and (max-width:540px){.about__icons--container{max-width:350px}}@media only screen and (max-width:460px){.about__icons--container{max-width:320px}}.about__icons--box{display:flex;justify-content:space-between;align-items:flex-start}@media only screen and (max-width:767.98px){.about__icons--box{margin-bottom:50px}}@media only screen and (max-width:440px){.about__icons--box{margin-bottom:30px}}.about__icons .icon{width:100px;position:relative}@media only screen and (max-width:1366px){.about__icons .icon{width:90px}}@media only screen and (max-width:440px){.about__icons .icon{width:75px}}.about__icons .icon .desc{position:absolute;left:50%;transform:translateX(-50%);bottom:-37px;background-color:#242424;color:#cacaca;font-size:14px;font-weight:500;padding:6px 10px;border-radius:6px;min-width:190px;text-align:center;z-index:10;display:none}@media only screen and (max-width:767.98px){.about__icons .icon .desc{display:block;bottom:-40px}}@media only screen and (max-width:440px){.about__icons .icon .desc{display:none!important}}@media only screen and (max-width:767.98px){.about__icons .icon{transform:translate(0)!important}.about__icons .icon.no-content{display:none}}.about__icons .icon.bottom-big{transform:translateY(25px)}.about__icons .icon.bottom-small{transform:translateY(15px)}.about__icons .icon.top-big{transform:translateY(-25px)}.about__icons .icon.top-small{transform:translateY(-15px)}.about__icons .icon svg{width:100%;height:100%;fill:#cacaca;position:relative;z-index:-1}.about__icons .icon:hover .desc{display:block}.projects{width:100%;height:100%;display:flex;align-items:center}.projects__container{display:flex;justify-content:center;flex-wrap:wrap;width:100%;max-width:1360px;position:relative}@media only screen and (max-width:991.98px){.projects__container{flex-direction:column;align-items:center}}.projects__box{width:calc((100% - 80px)/3);margin-right:40px;margin-bottom:40px;display:flex;flex-direction:column}@media only screen and (max-width:1366px){.projects__box{width:calc((100% - 60px)/3);margin-right:30px}}@media only screen and (max-width:1322px){.projects__box{width:calc((100% - 40px)/2);margin-right:40px}}@media only screen and (max-width:1198.98px){.projects__box{width:100%;max-width:420px;margin-right:0}}@media only screen and (max-width:420px){.projects__box{margin-bottom:30px}}.projects__box:nth-child(3n){margin-right:0}@media only screen and (max-width:1322px){.projects__box:nth-child(3n){margin-right:40px}}@media only screen and (max-width:1198.98px){.projects__box:nth-child(3n){margin-right:0}}@media only screen and (max-width:1322px){.projects__box:nth-child(2n){margin-right:0}}.projects__box--description{flex:1 1;padding:10px 15px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:#2c2c2c}@media only screen and (max-width:351px){.projects__box--description{padding:10px}}.projects__box--tags{display:flex;flex-wrap:wrap;font-size:13px;font-weight:400;color:#cacaca;line-height:1}.projects__box--tags .tag{margin-right:10px;margin-bottom:10px;padding:5px 8px;border:1px solid #cacaca;border-radius:4px}.projects__box--tags .tag::selection{background-color:#ad844c!important;color:#fff}.projects__box--tags .tag:last-child{margin-right:0}@media only screen and (max-width:421px){.projects__box--tags .tag{padding:4.5px 8px;margin-right:9px}}@media only screen and (max-width:351px){.projects__box--tags .tag{margin-right:8px;padding:4px 8px}}@media only screen and (max-width:319.98px){.projects__box--tags .tag{margin-right:6px;font-size:11.5px;padding:3px 7px}}.projects__box--heading{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:2px;margin-bottom:5px;text-shadow:-1px 0 #2c2c2c,0 1px #2c2c2c,1px 0 #2c2c2c,0 -1px #2c2c2c}.projects__box--heading a{color:#cacaca;text-decoration:none}.projects__box--desc{font-size:14px;font-weight:500;text-shadow:-1px 0 #2c2c2c,0 1px #2c2c2c,1px 0 #2c2c2c,0 -1px #2c2c2c;color:#cacaca}.projects__box--image{height:240px}@media only screen and (max-width:1366px){.projects__box--image{height:210px}}@media only screen and (max-width:1322px){.projects__box--image{height:240px}}@media only screen and (max-width:420px){.projects__box--image{height:210px}}@media only screen and (max-width:340px){.projects__box--image{height:190px}}.projects__box--image img{height:100%;width:100%;border-top-right-radius:6px;border-top-left-radius:6px}.skills__wrapper{max-width:1360px;display:flex;justify-content:center;flex-wrap:wrap}.skills__container{width:33.3333333333%;display:flex;flex-direction:column;align-items:center;color:#8a8a8a;font-weight:300;text-align:center;margin-bottom:40px}@media only screen and (max-width:1198.98px){.skills__container{width:50%}}@media only screen and (max-width:576px){.skills__container{width:100%}}@media only screen and (max-width:420px){.skills__container{margin-bottom:30px}}.skills__container .selected{font-weight:500;text-decoration:underline}.skills__container .selected::selection{background-color:#ad844c!important;color:#fff}.skills__container--icon{width:60px;height:60px;margin-bottom:10px}.skills__container--icon svg{width:100%;height:100%}.skills__container--icon.cms path,.skills__container--icon.db path,.skills__container--icon.git path,.skills__container--icon.layouts path,.skills__container--icon.node path,.skills__container--icon.react path{fill:#8a8a8a}.skills__container--heading{color:#fff;font-size:26px;font-weight:500;margin-bottom:8px}.skills__container p{line-height:1.6;letter-spacing:1px;max-width:220px}.contact__form--container{width:100%;max-width:768px;display:block;margin:60px auto;position:relative}@media only screen and (max-width:1366px){.contact__form--container{max-width:620px}}@media only screen and (max-width:576px){.contact__form--container{margin:40px 0 0}}.contact__form--message{padding-top:20px;font-size:17px;line-height:1.6;color:#cacaca;text-align:center}.contact__form--message.error{color:#fa1e0e}.contact__form--message.success{color:#4aa96c}.contact__form--message .block{display:block}.contact__form--message .email{color:#cacaca}.contact__form--icon{position:absolute;left:-200px;top:-80px;width:120px;height:124px;transform:rotate(-25deg)}@media only screen and (max-width:1366px){.contact__form--icon{left:-160px}}@media only screen and (max-width:1322px){.contact__form--icon{width:100px;height:103px;left:-130px}}@media only screen and (max-width:1200px){.contact__form--icon{left:-20px;top:-140px}}@media only screen and (max-width:576px){.contact__form--icon{top:-240px;left:-25px}}.contact__form--icon svg{width:100%;height:100%;fill:#cacaca}.contact__form--group{width:100%;margin-bottom:24px}@media only screen and (max-width:576px){.contact__form--group{margin-bottom:20px}}.contact__form input,.contact__form textarea{width:100%;background-color:#cacaca!important;color:#2c2c2c!important;border:none;outline:none;padding:12.5px 15px;font-size:17px;font-weight:600;letter-spacing:.5px;border-radius:4px}.contact__form input::selection,.contact__form textarea::selection{background-color:#ad844c!important;color:#fff}@media only screen and (max-width:421px){.contact__form input,.contact__form textarea{font-size:16px;padding:10px 12.5px}}.contact__form input::placeholder,.contact__form textarea::placeholder{color:#2c2c2c;font-family:Montserrat,sans-serif;font-weight:500}.contact__form textarea{resize:none;font-family:Montserrat,sans-serif}.contact__form--submit{display:flex;justify-content:center}.contact__form--submit button{background-color:#ad844c;color:#363636;outline:none;border:none;border-radius:4px;font-size:18px;font-weight:600;padding:16px 40px;cursor:pointer;text-decoration:none}@media only screen and (max-width:576px){.contact__form--submit button{font-size:17px;padding:16px 35px}}@media only screen and (max-width:421px){.contact__form--submit button{font-size:16.5px}}.contact__form--submit button:hover{background-color:#9b7644;color:#3b3b3b}.project{display:block;margin:0 auto;max-width:1140px;padding-top:50px}@media only screen and (max-width:1322px){.project{padding-top:45px}}.project hr{background-color:#8a8a8a;border:none;height:1px}.project__header{color:#fff;align-items:center;line-height:1}.project__header--main{font-size:44px;font-weight:500;letter-spacing:1.4px;text-align:center;margin-bottom:75px}@media only screen and (max-width:576px){.project__header--main{margin-bottom:40px}}.project__header--content{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.project__header--image{width:60%;display:flex;justify-content:center}@media only screen and (max-width:1198.98px){.project__header--image{width:100%;height:auto;margin-bottom:40px}}.project__header--image img{overflow:hidden;width:100%;height:auto}.project__header--data{width:40%;padding-left:30px;color:#cacaca;line-height:1.7}@media only screen and (max-width:1198.98px){.project__header--data{width:100%;max-width:900px;margin:0 auto;padding-left:0}}.project__header--data a{color:#fff;font-size:22px;font-weight:500;line-height:1}.project__header--data .box{font-size:15px;font-weight:300;margin-bottom:25px}@media only screen and (max-width:576px){.project__header--data .box{margin-bottom:20px}}.project__header--data .box:last-child{margin-bottom:0}.project__header--data .bold{font-size:18px;font-weight:500;margin-bottom:8px}.project__short{font-size:19px}.project__short a{color:#fff}.project__body{padding:50px 0;font-size:17px;color:#cacaca;line-height:1.8}@media only screen and (max-width:576px){.project__body{padding:35px 0}}.project__body p{margin-bottom:30px}.project__body p:last-child{margin-bottom:0}.project__gallery{padding-top:50px}@media only screen and (max-width:576px){.project__gallery{padding-top:35px}}.project__gallery--container{display:flex;flex-wrap:wrap}.project__gallery--header{margin-bottom:20px;line-height:1;color:#cacaca}.project__gallery--heading{font-size:20px;font-weight:500;margin-bottom:8px;color:#cacaca}.project__gallery--desc{font-size:12px;line-height:1.4;text-decoration:underline}.project__gallery--item{height:260px;width:calc((100% - 20px)/2);margin-bottom:20px;margin-right:20px;cursor:pointer}@media only screen and (max-width:767.98px){.project__gallery--item{width:100%;margin-right:0}}@media only screen and (max-width:440px){.project__gallery--item{height:240px}}.project__gallery--item:nth-child(2n){margin-right:0}.project__gallery--item img{width:100%;height:100%;border-radius:6px;overflow:hidden}.gallery{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;z-index:500}.gallery__close{width:50px;height:50px;position:absolute;top:50px;right:50px;cursor:pointer;background:none;outline:none;border:none;z-index:100}@media only screen and (max-width:1366px){.gallery__close{right:20px;top:30px}}@media only screen and (max-width:991.98px){.gallery__close{top:22.5px;right:15px}}@media only screen and (max-width:576px){.gallery__close{top:24.5px;width:40px;height:40px}}@media only screen and (max-width:421px){.gallery__close{width:35px;height:35px;top:30.5px;right:10px}}.gallery__close svg{width:100%;height:100%;fill:#cacaca}.gallery__navigation{position:absolute;top:50%;left:0;width:100%;padding:0 50px;display:flex;justify-content:space-between}@media only screen and (max-width:991.98px){.gallery__navigation{padding:0 20px}}@media only screen and (max-width:576px){.gallery__navigation{display:none}}.gallery__navigation--left,.gallery__navigation--right{width:50px;height:50px;background:none;outline:none;border:none;cursor:pointer}@media only screen and (max-width:1198.98px){.gallery__navigation--left,.gallery__navigation--right{width:40px;height:40px}}@media only screen and (max-width:576px){.gallery__navigation--left,.gallery__navigation--right{width:25px;height:25px}}.gallery__navigation--left svg,.gallery__navigation--right svg{width:100%;height:100%;fill:#cacaca}.gallery__navigation--left{transform:rotate(180deg)}.gallery__container{width:calc(100% - 200px);height:100%;padding:0 20px;position:relative}@media only screen and (max-width:1198.98px){.gallery__container{width:calc(100% - 180px)}}@media only screen and (max-width:991.98px){.gallery__container{width:calc(100% - 120px)}}@media only screen and (max-width:576px){.gallery__container{width:100%;padding:0 5px}}.gallery__container--item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.gallery__container img{width:100%;height:100%}._404{display:flex;flex-direction:column;justify-content:center}._404__icon{display:block;margin:0 auto;width:320px;max-width:100%;height:320px;max-height:100%;fill:#cacaca}._404__icon svg{width:100%;height:100%}