#checkbox{display:none}#checkbox:checked~.line-main::before{transform:rotate(45deg)}#checkbox:checked~.line-main::after{transform:rotate(-45deg)}#checkbox:checked~.line-split::before{transform:translateX(-10px);opacity:0}#checkbox:checked~.line-split::after{transform:translateX(20px);opacity:0}.header__nav+#checkbox:checked{display:block}.burger{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:20px;cursor:pointer}.line{position:absolute;width:20px}.line-main::after,.line-main::before,.line-split::after,.line-split::before{content:"";position:absolute;width:inherit;height:2px;background-color:#131313;transition:transform .5s}.line-main::before{transform:translateY(-7px)}.line-main::after{transform:translateY(7px)}.line-split::after,.line-split::before{width:10px;transition:transform .5s,opacity .5s}.line-split::after{transform:translateX(10px)}*{font-family:Rubik,sans-serif;margin:0;padding:0;box-sizing:border-box;scrollbar-width:auto;scrollbar-color:#151515 #fff}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#fff}body::-webkit-scrollbar-thumb{background-color:#151515;border-radius:10px;border:3px solid #fff}a{text-decoration:none;color:#131313}.container{max-width:1440px;width:100%;margin:0 auto;padding:0 20px}.h2{font-weight:400;font-size:32px}.link{position:relative}.link::after{position:absolute;top:50%;transform:translateY(-50%);content:"";width:24px;height:24px;margin-left:4px;background:url(../img/link-icon.svg) center no-repeat}.invisible{opacity:0;transform:translateY(20px)}.visible{opacity:1;transition:opacity 1.5s,transform 1.5s ease;transform:translateY(0)}.header{position:sticky;top:0;z-index:100000;background:#fff;box-shadow:0 0 10px 0 rgba(20,20,20,.05)}.header__wrapper{display:flex;width:100%;height:100px;align-items:center;justify-content:space-between}.header .burger{display:none}.header__nav .nav__list{display:flex;gap:32px;list-style:none}.header__nav .nav__link{position:relative;text-transform:capitalize}.header__nav .nav__link::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:0;background-color:#131313;transition:height .2s ease-out}.header__nav .nav__link:hover::after{height:2px}.header__mail{position:relative}.header__mail::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:0;background-color:#131313;transition:height .2s ease-out}.header__mail:hover::after{height:2px}.hello{padding-top:100px}.hello__wrapper{display:flex;align-items:center;justify-content:space-between}.hello__heading{margin-bottom:32px;font-weight:300;font-size:64px;line-height:155%}.hello__project{display:inline-block;margin-right:32px;padding:24px 20px;border:2px solid #131313;border-radius:2px;font-weight:400;transition:background-color .3s ease,color .3s ease}.hello__project:hover{background-color:#131313;color:#fff}.hello__project:active{background-color:#222}.hello__photo{width:auto;height:100%;max-height:560px;pointer-events:none}.hello__link:hover{color:#7e7e7e}.hello__download{position:relative;padding-right:32px}.hello__download::before{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:24px;background:url(../img/download-icon.svg) center no-repeat}.hello__download:hover::before{animation:bounce 5s ease infinite}@keyframes bounce{0%,100%{transform:translateY(-50%)}10%,30%,50%,70%,90%{transform:translateY(-45%)}20%,40%,60%,80%{transform:translateY(-55%)}}.about{padding:100px 0}.about__wrapper{display:flex;align-items:center;justify-content:space-between}.about__heading{margin-bottom:24px}.about__text{max-width:560px;margin-bottom:16px;line-height:155%}.about__technologies{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-left:20px}.about__socials{display:flex;flex-direction:column;gap:32px;list-style:none}.about__socials .socials__link>svg:hover>path{fill:#525252}.projects{padding:100px 0}.projects__heading{margin-bottom:24px}.projects .project{position:relative;height:400px;display:flex;margin:64px 0;align-items:center}.projects .project__illustration{position:absolute;top:0;right:0;max-width:800px;width:100%;height:100%;object-fit:fill;border-radius:10px;box-shadow:0 0 12px 0 rgba(20,20,20,.2)}.projects .project__name{margin-bottom:24px;font-weight:400;font-size:24px}.projects .project__content{position:relative;max-width:55%;z-index:1}.projects .project__desc{padding:20px;line-height:155%;background:rgba(21,21,21,.8);color:#fff;border-radius:2px}.projects .project__technologies{display:flex;margin-top:24px;gap:24px;flex-wrap:wrap;font-weight:300;list-style:none}.projects-list__list{display:grid;margin-top:35px;gap:35px;grid-template-columns:repeat(4,1fr)}.projects-list__project{display:flex;align-items:flex-start;flex-direction:column;padding:32px 24px;border:1px solid #e4e4e4;box-shadow:0 0 10px 0 rgba(20,20,20,.1);border-radius:20px;list-style:none}.projects-list__project .project__name{font-weight:400;font-size:24px}.projects-list__project .project__desc{flex:1 1 auto;margin:24px 0;line-height:1.5}.projects-list__project .project__technologies{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;font-weight:300;list-style:none}.projects-list__more{display:block;margin:48px auto;padding:16px;background-color:rgba(0,0,0,0);border:2px solid #131313;border-radius:4px;font-size:24px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.projects-list__more:hover{background-color:#131313;color:#fff}.projects-list__more:active{background-color:#222}.projects-list__hidden{max-height:0;overflow:hidden;transition:max-height .4s ease}.contacts{margin:80px 0;font-size:18px}.contacts__heading{margin-bottom:32px}.contacts__list{display:flex;flex-direction:column;gap:16px;margin-top:24px;padding-left:20px}.footer{background:#131313}.footer__wrapper{display:flex;height:100px;align-items:center;justify-content:space-between}.footer__list{display:flex;gap:32px;list-style:none}.footer a{position:relative;color:#fff}.footer a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:0;background-color:#fff;transition:height .2s ease-out}.footer a:hover::after{height:2px}@media (max-width:1399.98px){.container{max-width:1240px}.projects-list__list{grid-template-columns:repeat(3,1fr)}}@media (max-width:1199.98px){.container{max-width:992px}.hello__heading{font-size:48px}.hello__links{margin-top:64px}.projects .project__illustration{max-width:50%;height:auto;top:50%;transform:translateY(-50%)}}@media (max-width:991.98px){.container{max-width:768px}.hello{margin-top:20px;padding-top:20px}.hello__heading{font-size:36px}.hello__photo{max-height:480px}.projects .project{justify-content:center;border-radius:2px;box-shadow:0 0 12px 0 rgba(20,20,20,.1)}.projects .project__illustration{max-width:100%;height:100%;opacity:.1;box-shadow:none}.projects .project__content{max-width:100%;padding:32px}.projects .project__desc{max-width:65%;padding:0;background-color:rgba(0,0,0,0);color:#131313}.projects-list__list{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:767.98px){.container{max-width:100%}.header__nav{position:absolute;top:100px;left:-100%;width:100%;height:100%;color:#fff;transition:left .4s ease}.header__nav .nav__list{padding:20px;background-color:rgba(220,220,220,.9);flex-direction:column;align-items:center;justify-content:center;font-size:24px}.header .nav_active{left:0}.header .burger{display:inline-flex}.hello{padding-top:0}.hello__wrapper{flex-direction:column}.hello__photo{order:-1;max-height:220px}.hello__heading{font-size:32px}.hello__links{margin-top:48px;align-items:center;justify-content:space-between}.about{padding:56px 0}.about__wrapper{flex-direction:column}.about__socials{order:-1;flex-direction:row;margin-bottom:48px}.projects{padding:32px 0}.projects .project__desc{max-width:100%}.projects .project__technologies{gap:16px;font-size:14px}.projects .project__illustration{object-fit:cover}.projects-list__list{grid-template-columns:repeat(1,1fr);gap:20px}.projects-list__project .project__technologies{gap:12px;font-size:14px}.footer__wrapper{flex-direction:column;justify-content:space-evenly}}@media (max-width:374.98px){.hello__photo{max-height:150px}.hello__heading{font-size:28px}.hello__project{padding:16px 8px}}