:root{--font-primary:"Poppins",sans-serif;--font-secondary:"Montserrat",sans-serif;--clr-primary:#aa003c;--clr-secondary:#f4f4f4;--clr-tertiary:#0c0d0d;--clr-gray:#d1d1d1;--clr-subtitle:#80001f;--clr-body-white:#3f4042;--clr-white:#fff;--shadow-white-3:5px 5px 15px #d1d9e6,-5px -5px 15px var(--clr-white);--gradient-box-w:linear-gradient(145deg,#e2e8ec,var(--clr-white));--gradient-red-hover:linear-gradient(145deg,var(--clr-primary),var(--clr-subtitle));--fw-regular:400;--fw-medium:500;--fw-bold:700;--transition:all .4s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html body.overflow-hidden{overflow:hidden!important}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--clr-body-white);background-color:var(--clr-secondary);font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);color:var(--clr-tertiary);margin:0 0 20px}ul{list-style:none}a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:0 16px}.flex{align-items:center;display:flex}.flex-column{flex-direction:column}.emphasise-txt{color:var(--clr-primary)}a.emphasise-txt{text-decoration:underline}.section-title{margin:2rem 0;font-size:3.5rem;line-height:4rem}.section-subtitle{letter-spacing:3px;text-transform:uppercase;font-size:14px;font-weight:var(--fw-medium)}.main-header{width:100%;box-shadow:var(--shadow-white-3);background-color:var(--clr-secondary);z-index:999;padding:0 64px;position:sticky;top:0}.header-wrapper{justify-content:space-between;padding:1rem 0}.logo-wrapper{z-index:100}.header_logo-round{background-color:var(--clr-body-white);border:4px solid var(--clr-gray);border-radius:50%}.logo-title{text-transform:uppercase;letter-spacing:.5px;margin:0 0 0 1rem}.nav-item{margin-left:2rem}.nav-link{text-transform:uppercase;letter-spacing:1px;transition:var(--transition);padding:12px 0;display:inline-block}.nav-link:hover{color:var(--clr-tertiary);transform:translateY(-1px)}.nav-link.active{color:var(--clr-subtitle)}.mob-burger{border:none}.hero-section{text-align:center;justify-content:center;height:90vh}.hero-header h2{margin-bottom:5rem;font-size:2.5rem;line-height:3rem}.hero-header .section-subtitle{color:var(--clr-body-white)}.social-caption{text-transform:uppercase;font-weight:var(--fw-medium);margin:1rem 0;font-size:20px}.hero-section .social-list{justify-content:center}.social-item{width:48px;height:48px;box-shadow:var(--shadow-white-3);background:var(--gradient-box-w);border-radius:4px;margin-right:2rem;font-size:16px}.social-item:last-of-type{margin-right:0}.social-link{text-align:center;width:100%;height:100%;transition:var(--transition);border-radius:4px;justify-content:center;align-items:center;line-height:48px;display:flex}.social-link:hover{background:var(--gradient-red-hover);color:var(--clr-secondary)}.social-link svg{width:18px;height:18px;fill:var(--clr-body-white)}.social-link:hover svg{fill:var(--clr-white)}.section-separator{background:#dce1e4;border:none;height:1px}.features-section,.portfolio-section,.contact-section,.resume-section{padding:5rem 0}.features-list,.portfolio-list,.resume-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;gap:2rem;margin-top:5rem;display:grid}.features-item,.portfolio-item,.resume-item{box-shadow:var(--shadow-white-3);background:var(--gradient-box-w);border-radius:8px;padding:2rem}.portfolio-item,.features-icon{text-align:center}.features-icon svg{fill:var(--clr-primary);width:32px;height:32px}.features-title,.portfolio-title,.resume-title{font-weight:var(--fw-medium);text-align:center;vertical-align:baseline;margin:1rem 0;font-size:24px;line-height:32px}.portfolio-title svg{opacity:0;width:24px;position:relative;top:4px}.portfolio-item:hover{cursor:pointer}.portfolio-item:hover .portfolio-title{fill:var(--clr-subtitle);transition:var(--transition)}.portfolio-item:hover .portfolio-title svg{opacity:1;transition:var(--transition);margin-left:8px}.portfolio-screen{width:100%;height:auto}.portfolio-link-btn,.resume-link-btn{background:var(--gradient-box-w);box-shadow:var(--shadow-white-3);color:var(--clr-primary);text-transform:uppercase;font-size:14px;font-weight:var(--fw-medium);transition:var(--transition);border-radius:4px;margin-top:2rem;padding:15px 35px;display:inline-block}.portfolio-link-btn:active,.portfolio-link-btn:hover,.portfolio-link-btn:focus,.resume-link-btn:active,.resume-link-btn:hover,.resume-link-btn:focus{color:var(--clr-white);background:var(--gradient-red-hover)}.portfolio-link-btn>i,.resume-link-btn>i{margin-left:8px;display:inline-block}.resume-section{padding-left:2rem;padding-right:2rem}.resume-content{flex-wrap:wrap;align-items:flex-start;gap:4rem}.resume-list-block{width:calc(50% - 2rem)}.resume-list-title{font-size:30px;font-weight:700;line-height:62px;font-family:var(--font-secondary)}.resume-list{grid-template-columns:1fr;margin-top:3rem;position:relative}.resume-list:before{content:"";background:var(--clr-gray);width:5px;height:100%;display:block;position:absolute;right:100%;transform:translate(-28px)}.resume-item{position:relative}.resume-item:before{content:"";background:var(--clr-gray);z-index:0;width:28px;height:5px;position:absolute;top:63px;right:100%;transform:translateY(-7px)}.resume-item:after{content:"";border:5px solid var(--clr-gray);background:var(--clr-secondary);width:20px;height:20px;transition:var(--transition);border-radius:100%;position:absolute;top:55px;right:104%;transform:translateY(-7px)}.resume-item:hover:after{background:var(--clr-primary)}.resume-descr{font-size:20px}.resume-descr a{color:var(--clr-primary)}.resume-descr a:hover{text-decoration:underline}.resume-item span{font-weight:var(--fw-medium);color:var(--clr-body-white);margin-bottom:.5rem;display:block}.resume-link-btn{justify-content:center;align-items:center;margin-top:4rem;display:flex}.main-footer{background-color:#eff5fa;margin-top:3rem;padding:3rem 0}.footer-wrapper{text-align:center;flex-direction:column;gap:1rem}.logo-footer-link{flex-direction:column;gap:.75rem}.footer-wrapper .social-list{margin-bottom:2rem}.footer-op{color:var(--clr-body-white)}.contact-content{box-shadow:var(--shadow-white-3);background:var(--gradient-box-w);border-radius:8px;gap:4rem;padding:2rem}.contact-img{border-radius:4px;max-width:40%;height:auto;display:block}.contacts-list{font-weight:var(--fw-medium);justify-content:center;align-items:self-start;gap:4px;font-size:1.5rem;display:flex}.contacts-list span,.contacts-link:active,.contacts-link:hover,.contacts-link:focus{text-decoration:underline}.contacts-link svg{object-fit:contain;width:24px;height:24px;fill:var(--clr-primary);position:relative;top:6px}.portfolio-card{background-color:var(--clr-secondary);scroll-behavior:smooth;width:100vw;height:100vh;padding:60px 15px;position:fixed;top:0;left:0}.portfolio-card .portfolio-dialog{border:none;border-radius:10px;flex-flow:wrap;justify-content:space-between;align-items:center;width:90%;margin:32px auto;padding:2rem;display:flex;inset-block-start:0;overflow-x:hidden}.portfolio-card .portfolio-dialog::backdrop{background-color:#00000080}.portfolio-image-block{width:60%;padding:2rem 0 0}.portfolio-card img{border-radius:8px;max-width:90%;height:auto;margin:2rem auto;display:block}.portfolio-card-content{text-align:center;flex-direction:column;justify-content:center;width:40%;display:flex;position:relative}.close-card-btn{cursor:pointer;background:var(--gradient-box-w);opacity:1;z-index:2;width:45px;height:45px;box-shadow:var(--shadow-white-3);color:var(--clr-primary);transition:var(--transition);border:none;border-radius:50%;font-size:24px;position:fixed;top:45px;right:100px}.close-card-btn:hover{background:var(--gradient-red-hover);color:var(--clr-white)}.close-card-btn svg{width:24px;height:24px;fill:var(--clr-subtitle);transition:var(--transition);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-card-btn:hover svg{fill:var(--clr-white)}.portfolio-card-title{font-size:32px;font-weight:600}.full-descr{text-align:left;margin:1.5rem 0;font-size:20px;line-height:1.35}.tech-item{color:#9f1239;transition:var(--transition);background-color:#9f12390d;border-radius:4px;margin:0 8px 8px 0;padding:6px 12px;font-size:12px;display:inline-block}.tech-item:hover{box-shadow:var(--shadow-white-3)}.project-filter{text-align:center;margin-bottom:2rem}.tech-filter-list{flex-wrap:wrap;justify-content:center;display:flex}.tech-filter-btn{box-shadow:var(--shadow-white-3);background:var(--gradient-box-w);color:var(--clr-primary);font-size:14px;font-weight:var(--fw-medium);text-transform:uppercase;cursor:pointer;transition:var(--transition);border:none;border-radius:4px;margin:4px 8px;padding:16px 20px}.tech-filter-btn:hover,.active-tech-btn{background:var(--gradient-red-hover);color:var(--clr-white)}@media screen and (width<=900px){.btn{background-color:#0000;border:none}.mob-burger{cursor:pointer;z-index:100;flex-direction:column;order:1;padding:12px;display:flex;position:relative;transform:translate(40px)}.mob-burger-span{background-color:var(--clr-tertiary);border-radius:2px;width:32px;height:3px;margin-bottom:4px}.mob-burger-span:nth-of-type(2){transition:opacity .4s ease-in-out}.mob-burger-span:last-of-type{margin-bottom:0}.animated .mob-burger-span:first-of-type{animation:.4s ease-in-out forwards openMenu1}.animated .mob-burger-span:nth-of-type(2){opacity:0}.animated .mob-burger-span:nth-of-type(3){animation:.4s ease-in-out forwards openMenu2}.not-animated .mob-burger-span:first-of-type{animation:.4s ease-in-out forwards closeMenu1}.not-animated .mob-burger-span:nth-of-type(2){opacity:1}.not-animated .mob-burger-span:nth-of-type(3){animation:.4s ease-in-out forwards closeMenu2}.nav-list{background-color:var(--clr-secondary);opacity:0;z-index:50;flex-direction:column;align-items:flex-end;width:100%;padding:1rem 2rem;transition:all .6s ease-in-out;position:absolute;top:96px;left:0;transform:translateY(-300px)}.animated~.nav-list{opacity:1;transform:translateY(0)}.not-animated~.nav-list{opacity:0;transform:translateY(-300px)}@keyframes openMenu1{0%{transform:translateY(0)}50%{transform:translateY(4px)}to{transform:rotate(-45deg)translate(-5px)translateY(5px)}}@keyframes openMenu2{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:rotate(45deg)translate(-5px)translateY(-5px)}}@keyframes closeMenu1{0%{transform:rotate(-45deg)translate(-5px)translateY(5px)}50%{transform:rotate(0)translate(5px)translateY(-5px)}to{transform:translateY(0)}}@keyframes closeMenu2{0%{transform:rotate(45deg)translate(-5px)translateY(-5px)}50%{transform:rotate(0)translate(5px)translateY(5px)}to{transform:translateY(0)}}}@media (width<=768px){.about__job-title:after{animation:none!important;display:none!important}.title-animate{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.animate__animated{opacity:1!important;animation:none!important}}@media screen and (width<=750px){.section-title{margin:1.5rem 0;font-size:2.5rem;line-height:3rem}.section-subtitle{font-size:16px}.hero-header h2,.about-header h2{margin-bottom:4rem;font-size:2rem;line-height:2.5rem}.features-list{margin-top:3rem}.features-title{font-size:20px}.about-descr{width:100%}.contact-content{flex-direction:column}.contact-img{max-width:50%}.resume-list-block{width:100%}}@media screen and (width<=560px){.about__job-title:after{animation:none}.title-animate{opacity:1;animation:none}.contact-img{max-width:75%}.contacts-list{font-size:1rem}}@media screen and (width<=400px){.main-header{padding:0 32px}.section-title{font-size:2rem;line-height:2.5rem}.hero-header h2,.about-header h2{margin-bottom:3rem;font-size:1.5rem;line-height:2rem}.social-caption{font-size:18px}.features-section{padding:3rem 0}}@media screen and (height<=400px){.hero-header h2,.about-header h2{margin-bottom:2rem}.features-icon{font-size:24px}}
/*# sourceMappingURL=styles.5a6c2958.css.map */