html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.preload *{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important}@keyframes in{from{left:0;right:100%}to{left:0;right:0}}@keyframes out{from{left:0;right:0}to{left:100%;right:0}}@keyframes opacity{from{opacity:0}to{opacity:1}}@keyframes skillsShow300{from{left:-300px}to{left:0}}@keyframes skillsShow500{from{left:-500px}to{left:0}}@keyframes skillsShow700{from{left:-700px}to{left:0}}@keyframes slideUp{from{bottom:0}to{bottom:100%}}@keyframes slideDown{from{top:0}to{top:100%}}@keyframes slideLeft{from{right:100%}to{right:0}}@keyframes slideRight{from{left:100%}to{left:0}}@keyframes borderTopRight{from{border:10px solid #fafafa;border-left:none;border-top:none;top:0;bottom:100%;left:calc(100% - 10px);right:0}50%{border:10px solid #fafafa;border-left:none;border-top:none;top:0;bottom:0;left:calc(100% - 10px);right:0}to{border:10px solid #fafafa;border-left:none;border-top:none;top:0;bottom:0;left:0;right:0}}@keyframes borderBottomLeft{from{border:10px solid #fafafa;border-right:none;border-bottom:none;top:100%;bottom:0;left:0;right:calc(100% - 10px)}50%{border:10px solid #fafafa;border-right:none;border-bottom:none;top:0;bottom:0;left:0;right:calc(100% - 10px)}to{border:10px solid #fafafa;border-right:none;border-bottom:none;top:0;bottom:0;left:0;right:0}}@keyframes borderTopRightUHD{from{border:20px solid #fafafa;border-left:none;border-top:none;top:0;bottom:100%;left:calc(100% - 20px);right:0}50%{border:20px solid #fafafa;border-left:none;border-top:none;top:0;bottom:0;left:calc(100% - 20px);right:0}to{border:20px solid #fafafa;border-left:none;border-top:none;top:0;bottom:0;left:0;right:0}}@keyframes borderBottomLeftUHD{from{border:20px solid #fafafa;border-right:none;border-bottom:none;top:100%;bottom:0;left:0;right:100%}50%{border:20px solid #fafafa;border-right:none;border-bottom:none;top:0;bottom:0;left:0;right:100%}to{border:20px solid #fafafa;border-right:none;border-bottom:none;top:0;bottom:0;left:0;right:0}}@keyframes svgAnimation{to{stroke-dashoffset:0}}.active.landing__title{animation:opacity 0.8s 0.2s both}.active.landing__title .black:after,.active.landing__title .skills__list-element:after,.active.landing__title .tools__list-element:after{animation:slideLeft 0.6s 0.7s ease-in-out both}.active .about__title{animation:opacity .8s forwards 1s}.active .about__title-wrapper{position:relative}.active .about__title-wrapper:before{content:'';display:block;position:absolute;box-sizing:border-box;top:100%;bottom:0;left:0;right:100%;animation:borderTopRight 1s forwards}@media screen and (max-width: 3840px){.active .about__title-wrapper:before{animation:borderTopRightUHD 1s forwards}}@media screen and (max-width: 2560px){.active .about__title-wrapper:before{animation:borderTopRight 1s forwards}}.active .about__title-wrapper:after{content:'';display:block;padding:0;margin:0;position:absolute;border:10px solid transparent;top:0;bottom:100%;left:100%;right:0}@media screen and (max-width: 3840px){.active .about__title-wrapper:after{animation:borderBottomLeftUHD 1s forwards}}@media screen and (max-width: 2560px){.active .about__title-wrapper:after{animation:borderBottomLeft 1s forwards}}.active .about__description{opacity:1}.active .about__description:after{content:'';display:block;position:absolute;background-color:#111;top:0;bottom:0;left:0;right:0;z-index:10;animation:slideDown 1.5s forwards 1.2s}.active .skills__title,.active .tools__title{animation:opacity both .8s .8s}.active .skills__title-wrapper,.active .tools__title-wrapper{animation:skillsShow300 .8s forwards}@media screen and (max-width: 3840px){.active .skills__title-wrapper,.active .tools__title-wrapper{animation:skillsShow700 .8s forwards}}@media screen and (max-width: 2560px){.active .skills__title-wrapper,.active .tools__title-wrapper{animation:skillsShow500 .8s forwards}}@media screen and (max-width: 1920px){.active .skills__title-wrapper,.active .tools__title-wrapper{animation:skillsShow300 .8s forwards}}.active .skills__list,.active .tools__list{animation:opacity both .8s Calc(1.3s)}.active .tools__title-wrapper{animation:slideRight .8s both}.active.projects__title{animation:opacity .8s .8s both}.active .project__description{opacity:1}.active .project__description:after{content:'';display:block;position:absolute;background-color:#fafafa;top:0;bottom:0;left:0;right:0;z-index:10;animation:slideDown 1.5s forwards 1.2s}.active .contact__title{animation:opacity .8s forwards 1s}.active .contact__title-wrapper{position:relative}.active .contact__title-wrapper:before{content:'';display:block;position:absolute;box-sizing:border-box;top:100%;bottom:0;left:0;right:100%;animation:borderTopRight 1s forwards}@media screen and (max-width: 3840px){.active .contact__title-wrapper:before{animation:borderTopRightUHD 1s forwards}}@media screen and (max-width: 2560px){.active .contact__title-wrapper:before{animation:borderTopRight 1s forwards}}.active .contact__title-wrapper:after{content:'';display:block;padding:0;margin:0;position:absolute;border:10px solid transparent;top:0;bottom:100%;left:100%;right:0}@media screen and (max-width: 3840px){.active .contact__title-wrapper:after{animation:borderBottomLeftUHD 1s forwards}}@media screen and (max-width: 2560px){.active .contact__title-wrapper:after{animation:borderBottomLeft 1s forwards}}.active .contact__icons{animation:opacity 0.4s 1s both}.active .contact__text,.active .contact__text a,.contact__text .active a{animation:opacity 0.4s 1s both}body{display:flex;flex-wrap:wrap;background-color:#fafafa;font-family:"Source Sans Pro",sans-serif;color:#111;overflow-x:hidden;max-width:100%}main,footer{width:100%;display:flex;flex-wrap:wrap}strong{font-weight:600}a{color:#111;text-decoration:none}hr{border:none;border-left:2px solid #111;height:70%;width:1px}section{box-sizing:border-box;width:100%}.landing{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;height:calc(100vh - 119px)}@media screen and (max-width: 600px){.landing{flex-direction:column;height:auto;height:calc(100vh - 119px)}}.landing__title{position:relative;font-weight:bold;opacity:0}@media screen and (max-width: 3840px){.landing__title{font-size:160px;line-height:180px}}@media screen and (max-width: 2560px){.landing__title{font-size:110px;line-height:130px}}@media screen and (max-width: 1920px){.landing__title{font-size:72px;line-height:84px}}@media screen and (max-width: 1440px){.landing__title{font-size:56px;line-height:64px}}@media screen and (max-width: 768px){.landing__title{font-size:45px;line-height:49px}}@media screen and (max-width: 600px){.landing__title{font-size:36px;line-height:42px}}@media screen and (max-width: 350px){.landing__title{font-size:32px;line-height:38px}}.landing__title .black:after,.landing__title .skills__list-element:after,.landing__title .tools__list-element:after{animation:none}.landing__title-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row}@media screen and (max-width: 600px){.landing__title-wrapper{justify-content:center;order:2;width:100%;padding:0 5px;margin:30px 0;box-sizing:border-box;position:relative;top:-60px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.landing__title-wrapper{width:80%}}.landing__image{animation:opacity 1s 1s both}@media screen and (max-width: 3840px){.landing__image{min-height:60vh}}@media screen and (max-width: 1920px){.landing__image{max-height:70vh}}@media screen and (max-width: 1024px){.landing__image{max-height:initial;width:115%}}@media screen and (max-width: 600px){.landing__image{max-height:100vh;width:100%}}.landing__image-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row}@media screen and (max-width: 3840px){.landing__image-wrapper{width:50%}}@media screen and (max-width: 1920px){.landing__image-wrapper{width:40%}}@media screen and (max-width: 1440px){.landing__image-wrapper{width:30%}}@media screen and (max-width: 600px){.landing__image-wrapper{order:1;width:100%}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.landing__image-wrapper{display:none}}.about{background-color:#111;padding:60px 0}@media screen and (max-width: 600px){.about{padding:40px 25px}}.about__section{display:flex;justify-content:center;align-items:center;flex-direction:row}@media screen and (max-width: 600px){.about__section{flex-direction:column}}.about__title{color:#fafafa;font-weight:bold;text-transform:uppercase;opacity:0}@media screen and (max-width: 3840px){.about__title{font-size:140px;line-height:160px}}@media screen and (max-width: 2560px){.about__title{font-size:100px;line-height:110px}}@media screen and (max-width: 1920px){.about__title{font-size:64px;line-height:75px}}@media screen and (max-width: 600px){.about__title{font-size:52px}}@media screen and (max-width: 350px){.about__title{font-size:44px}}@media screen and (max-width: 3840px){.about__title{padding:70px 80px}}@media screen and (max-width: 2560px){.about__title{padding:40px 50px}}@media screen and (max-width: 1920px){.about__title{padding:30px 40px}}@media screen and (max-width: 350px){.about__title{padding:30px}}@media screen and (max-width: 600px){.about__title br{display:none}}.about__title-wrapper{display:inline-block}.about__title-wrapper::before,.about__title-wrapper::after{border:10px solid transparent}.about__description{font-weight:300;font-size:18px;line-height:1.5;color:#fafafa;display:block;position:relative;width:40%;opacity:0}@media screen and (max-width: 3840px){.about__description{font-size:36px}}@media screen and (max-width: 2560px){.about__description{font-size:26px}}@media screen and (max-width: 1920px){.about__description{font-size:18px}}@media screen and (max-width: 350px){.about__description{font-size:16px}}.about__description a{color:#fafafa;text-decoration:underline}@media screen and (max-width: 3840px){.about__description{margin-left:240px}}@media screen and (max-width: 2560px){.about__description{margin-left:200px}}@media screen and (max-width: 1920px){.about__description{margin-left:120px}}@media screen and (max-width: 1440px){.about__description{width:50%}}@media screen and (max-width: 768px){.about__description{margin-left:40px}}@media screen and (max-width: 600px){.about__description{margin-top:40px;width:100%;margin-left:0px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.about__description{margin-left:40px}}.skills,.tools{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%}.skills__title,.tools__title{color:#fafafa;font-weight:bold;text-transform:uppercase;transform:translateX(51%);letter-spacing:4px;opacity:0}@media screen and (max-width: 3840px){.skills__title,.tools__title{font-size:140px;line-height:160px}}@media screen and (max-width: 2560px){.skills__title,.tools__title{font-size:100px;line-height:110px}}@media screen and (max-width: 1920px){.skills__title,.tools__title{font-size:64px;line-height:75px}}@media screen and (max-width: 600px){.skills__title,.tools__title{font-size:52px}}@media screen and (max-width: 350px){.skills__title,.tools__title{font-size:44px}}.skills__title-black{color:#111}.skills__title-wrapper,.tools__title-wrapper{position:relative;width:300px;height:100px;background-color:#111;margin-top:90px;display:flex;justify-content:flex-end;align-items:center;left:-300px}@media screen and (max-width: 3840px){.skills__title-wrapper,.tools__title-wrapper{width:700px;height:180px}}@media screen and (max-width: 2560px){.skills__title-wrapper,.tools__title-wrapper{width:500px;height:150px}}@media screen and (max-width: 1920px){.skills__title-wrapper,.tools__title-wrapper{width:300px;height:100px}}@media screen and (max-width: 768px){.skills__title-wrapper,.tools__title-wrapper{width:50%}}@media screen and (max-width: 600px){.skills__title-wrapper,.tools__title-wrapper{height:70px}}@media screen and (max-width: 3840px){.skills__title-wrapper,.tools__title-wrapper{left:-700px}}@media screen and (max-width: 2560px){.skills__title-wrapper,.tools__title-wrapper{left:-500px}}@media screen and (max-width: 1920px){.skills__title-wrapper,.tools__title-wrapper{left:-300px}}@media screen and (max-width: 600px){.skills__title-wrapper,.tools__title-wrapper{margin-top:50px}}.skills__list,.tools__list{display:flex;justify-content:center;align-items:center;flex-direction:row;width:50%;margin:80px auto;text-align:center;opacity:0}@media screen and (max-width: 768px){.skills__list,.tools__list{width:90%;margin:60px auto}}@media screen and (max-width: 600px){.skills__list,.tools__list{width:90%;margin:60px auto}}.skills__list-element,.tools__list-element{display:inline-block;font-size:28px;line-height:34px;margin:5px 10px;text-transform:uppercase}@media screen and (max-width: 3840px){.skills__list-element,.tools__list-element{font-size:52px;line-height:60px;margin:10px 15px}}@media screen and (max-width: 2560px){.skills__list-element,.tools__list-element{font-size:40px;line-height:52px;margin:5px 10px}}@media screen and (max-width: 1920px){.skills__list-element,.tools__list-element{font-size:28px;line-height:34px}}@media screen and (max-width: 600px){.skills__list-element,.tools__list-element{font-size:20px;line-height:32px;margin:5px 5px}}.tools{background-color:#111;overflow:hidden}.tools__title{transform:translateX(-51%);mix-blend-mode:difference}.tools__title-wrapper{align-self:flex-end;justify-content:flex-start;background-color:#fafafa;left:100%;right:100%}.tools__list-element{background-color:#fafafa;color:#111 !important}.projects{display:flex;justify-content:center;align-items:flex-start;flex-direction:row;width:100%}@media screen and (max-width: 768px){.projects{flex-direction:column;justify-content:flex-start}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.projects{flex-direction:column;justify-content:flex-start;align-items:center}}.projects__heading{width:40%;margin-top:70px;position:sticky;top:60px}@media screen and (max-width: 3840px){.projects__heading{margin-top:90px}}@media screen and (max-width: 768px){.projects__heading{position:static;display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;margin-top:40px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.projects__heading{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;margin-top:40px;position:static}}.projects__title{color:#fafafa;font-weight:bold;text-transform:uppercase;letter-spacing:4px;opacity:0}@media screen and (max-width: 3840px){.projects__title{font-size:140px;line-height:160px}}@media screen and (max-width: 2560px){.projects__title{font-size:100px;line-height:110px}}@media screen and (max-width: 1920px){.projects__title{font-size:64px;line-height:75px}}@media screen and (max-width: 600px){.projects__title{font-size:52px}}@media screen and (max-width: 350px){.projects__title{font-size:44px}}.projects__title-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative;width:300px;height:100px;background-color:#111;padding:0 20px 0 40px}@media screen and (max-width: 3840px){.projects__title-wrapper{width:700px;height:180px}}@media screen and (max-width: 2560px){.projects__title-wrapper{width:500px;height:150px}}@media screen and (max-width: 1920px){.projects__title-wrapper{width:300px;height:100px}}@media screen and (max-width: 768px){.projects__title-wrapper{width:50%}}@media screen and (max-width: 600px){.projects__title-wrapper{height:70px}}@media screen and (max-width: 768px){.projects__title-wrapper{justify-content:center;width:70%;margin-bottom:60px;padding:0 20px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.projects__title-wrapper{justify-content:center;width:70%;padding:0 20px}}.projects__listing{width:60%;margin-top:90px}@media screen and (max-width: 768px){.projects__listing{width:100%;margin-top:0}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.projects__listing{margin-top:60px}}.contact{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#111;margin-top:90px}.contact__title{color:#fafafa;font-weight:bold;text-transform:uppercase;padding:10px 20px 10px;opacity:0}@media screen and (max-width: 3840px){.contact__title{font-size:140px;line-height:160px}}@media screen and (max-width: 2560px){.contact__title{font-size:100px;line-height:110px}}@media screen and (max-width: 1920px){.contact__title{font-size:64px;line-height:75px}}@media screen and (max-width: 600px){.contact__title{font-size:52px}}@media screen and (max-width: 350px){.contact__title{font-size:44px}}@media screen and (max-width: 3840px){.contact__title{padding:40px 100px}}@media screen and (max-width: 2560px){.contact__title{padding:20px 60px}}@media screen and (max-width: 1920px){.contact__title{padding:20px 50px}}@media screen and (max-width: 600px){.contact__title{padding:20px 20px}}@media screen and (max-width: 350px){.contact__title{padding:10px 10px 10px}}.contact__title-wrapper{margin-top:40px}@media screen and (max-width: 3840px){.contact__title-wrapper{margin-top:90px}}@media screen and (max-width: 2560px){.contact__title-wrapper{margin-top:60px}}@media screen and (max-width: 1920px){.contact__title-wrapper{margin-top:40px}}.contact__title-wrapper::before,.contact__title-wrapper::after{border:10px solid transparent}.contact__icons{display:flex;justify-content:center;align-items:center;flex-direction:row;margin:20px 0;opacity:0}.contact__icons-element{filter:invert(100%);transition:transform .2s}@media screen and (max-width: 3840px){.contact__icons-element{height:50px;width:50px;margin:25px}}@media screen and (max-width: 2560px){.contact__icons-element{height:35px;width:35px;margin:10px 15px}}@media screen and (max-width: 1920px){.contact__icons-element{height:26px;width:26px;margin:0 15px}}.contact__icons-element:hover{transform:scale(1.15)}.contact__text,.contact__text a{font-weight:300;font-size:18px;line-height:1.5;color:#fafafa;position:relative;margin-top:40px;text-align:center;opacity:0}@media screen and (max-width: 3840px){.contact__text,.contact__text a{font-size:36px}}@media screen and (max-width: 2560px){.contact__text,.contact__text a{font-size:26px}}@media screen and (max-width: 1920px){.contact__text,.contact__text a{font-size:18px}}@media screen and (max-width: 350px){.contact__text,.contact__text a{font-size:16px}}.contact__text a{color:#fafafa;text-decoration:underline}@media screen and (max-width: 3840px){.contact__text,.contact__text a{margin-top:60px}}@media screen and (max-width: 2560px){.contact__text,.contact__text a{margin-top:60px}}@media screen and (max-width: 1920px){.contact__text,.contact__text a{margin-top:40px}}@media screen and (max-width: 350px){.contact__text,.contact__text a{padding:0 5px}}.contact__text a{text-decoration:underline}.header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;position:relative;width:100%;height:120px}@media screen and (max-width: 3840px){.header{height:240px}}@media screen and (max-width: 2560px){.header{height:160px}}@media screen and (max-width: 1920px){.header{height:120px}}.header__titles{display:flex;flex-direction:column;margin-left:70px}@media screen and (max-width: 600px){.header__titles{margin-left:10px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.header__titles{margin-left:10px}}.header__title{font-weight:bold}@media screen and (max-width: 3840px){.header__title{font-size:58px;line-height:64px}}@media screen and (max-width: 2560px){.header__title{font-size:44px;line-height:52px}}@media screen and (max-width: 1920px){.header__title{font-size:24px;line-height:30px}}@media screen and (max-width: 600px){.header__title{font-size:26px;line-height:32px}}.header__subtitle{position:relative;color:#fafafa;padding-left:4px}@media screen and (max-width: 3840px){.header__subtitle{font-size:50px;line-height:58px}}@media screen and (max-width: 2560px){.header__subtitle{font-size:38px;line-height:42px}}@media screen and (max-width: 1920px){.header__subtitle{font-size:20px;line-height:24px}}@media screen and (max-width: 600px){.header__subtitle{font-size:22px;line-height:28px}}.header__subtitle:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background-color:#111;animation:slideLeft 1s 0.4s both}.navigation{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;transition:.5s;margin-right:70px;animation:opacity both 1s 0.5s}@media screen and (max-width: 768px){.navigation{margin-right:20px}}@media screen and (max-width: 600px){.navigation{flex-direction:column;justify-content:center;position:fixed;z-index:10;top:0px;left:0px;height:100vh;width:100%;transform:translateX(100%);background-color:#fafafa}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.navigation{margin-right:40px}}@media screen and (max-width: 600px){.navigation-active{transform:translateX(0)}}.navigation__site{display:flex}@media screen and (max-width: 600px){.navigation__site{flex-direction:column;text-align:center}}.navigation__site-item{position:relative;z-index:2;line-height:1.2;transition:color .2s;user-select:none}@media screen and (max-width: 3840px){.navigation__site-item{font-size:36px;padding:0 10px;margin:0 40px}}@media screen and (max-width: 2560px){.navigation__site-item{font-size:22px;padding:0 5px;margin:0 20px}}@media screen and (max-width: 1920px){.navigation__site-item{font-size:16px}}@media screen and (max-width: 768px){.navigation__site-item{margin:0 5px}}@media screen and (max-width: 600px){.navigation__site-item{font-size:20px;margin:15px 0}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.navigation__site-item{padding:0 3px;margin:0 8px}}.navigation__site-item:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:100%;z-index:-1;background-color:#111;animation:out .3s forwards}@media screen and (max-width: 600px){.navigation__site-item:after{display:none}}.navigation__site-item:hover{color:#fafafa}@media screen and (max-width: 600px){.navigation__site-item:hover{color:#111}}.navigation__site-item:hover:after{animation:in .3s forwards}.navigation__icons{display:flex;margin-left:50px}@media screen and (max-width: 2560px){.navigation__icons{margin-left:50px}}@media screen and (max-width: 768px){.navigation__icons{margin-left:20px}}@media screen and (max-width: 600px){.navigation__icons{margin:10px 0 0}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.navigation__icons{margin-left:10px}}.navigation__icon{margin:15px;transition:transform .2s}@media screen and (max-width: 3840px){.navigation__icon{height:42px;width:42px;margin:20px}}@media screen and (max-width: 2560px){.navigation__icon{height:30px;width:30px;margin:15px}}@media screen and (max-width: 1920px){.navigation__icon{height:22px;width:22px}}@media screen and (max-width: 600px){.navigation__icon{height:30px;width:30px}}.navigation__icon:hover{transform:scale(1.15)}.burger{position:fixed;z-index:11;top:10px;right:10px;background-color:#fafafa;padding:10px 5px;border:2px solid #111;display:none;cursor:pointer}@media screen and (max-width: 560px){.burger{display:block}}.burger__element{display:block;width:30px;height:3px;margin:5px;background-color:black;transition:opacity .1s,transform .3s}.burger__element-active:nth-of-type(1){transform:translateY(8px) rotate(45deg)}.burger__element-active:nth-of-type(2){opacity:0}.burger__element-active:nth-of-type(3){transform-origin:50% 100%;transform:translateY(-8px) rotate(-45deg)}.black,.skills__list-element,.tools__list-element{position:relative;color:#fafafa;padding:0 10px}.black:after,.skills__list-element:after,.tools__list-element:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background-color:#111;animation:slideLeft .5s forwards}.project{display:flex}@media screen and (max-width: 3840px){.project{margin-bottom:180px}}@media screen and (max-width: 2560px){.project{margin-bottom:180px}}@media screen and (max-width: 1920px){.project{margin-bottom:90px}}@media screen and (max-width: 768px){.project{padding:0 40px}}@media screen and (max-width: 600px){.project{flex-direction:column;align-items:center;margin-bottom:70px;padding:0 10px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.project{flex-direction:column;align-items:center;margin-bottom:70px;padding:0 10px}}.project:nth-last-of-type(1){margin-bottom:0}@media screen and (min-width: 768px){.project div{align-self:flex-start;margin-top:10px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.project div{align-self:center;margin-top:10px}}.project svg{margin-right:60px}@media screen and (max-width: 3840px){.project svg{width:550px;height:100%}}@media screen and (max-width: 2560px){.project svg{width:400px}}@media screen and (max-width: 1920px){.project svg{width:250px}}@media screen and (max-width: 600px){.project svg{margin-right:0px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.project svg{margin-right:0px}}.project svg path{opacity:0}.project svg .active{opacity:1;animation:svgAnimation 1.3s linear forwards}.project__description{position:relative;margin-right:70px;line-height:1.5;max-width:500px;opacity:0}@media screen and (max-width: 3840px){.project__description{font-size:36px;max-width:1000px}}@media screen and (max-width: 2560px){.project__description{font-size:26px;max-width:800px}}@media screen and (max-width: 1920px){.project__description{font-size:16px;max-width:450px}}@media screen and (max-width: 768px){.project__description{margin:0}}@media screen and (max-width: 600px){.project__description{margin:20px 0 0;padding:0 20px}}@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 400px){.project__description{margin:20px 0 0;padding:0 20px}}.project__description a{text-decoration:underline}.project__anchor{position:relative;z-index:2;box-sizing:border-box;margin-right:20px;line-height:1.2;transition:color .2s;user-select:none}@media screen and (max-width: 3840px){.project__anchor{padding:0 10px}}@media screen and (max-width: 2560px){.project__anchor{padding:0 5px}}@media screen and (max-width: 768px){.project__anchor{padding:0;margin-right:15px}}@media screen and (max-width: 600px){.project__anchor{margin:0;padding:0;margin-right:15px}}.project__anchor:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:100%;z-index:-1;background-color:#111;animation:out .3s forwards}@media screen and (max-width: 600px){.project__anchor:after{display:none}}.project__anchor:hover{color:#fafafa}@media screen and (max-width: 600px){.project__anchor:hover{color:#111}}.project__anchor:hover:after{animation:in .3s forwards}