:root{--purple:#d07d7d;--purple-light-1:#fce9e7;--purple-light-2:#F5F3FE;--cinder:#232E35;--cinder-light:#656D72;--light:#FBFBFB;--light-2:#f1f1f1;--light-3:#f5f5f5;--light-4:#D9D9D9;--white:#FFFFFF}[data-theme=dark]{--midnight-express:#282D3F;--licorice:#33394D;--light:#2d3346;--light-2:#35394a;--cinder:var(--white);--cinder-light:#dddddd;--light-4:#51576c;--purple-light-2:rgba(126,116,241,.04)}::selection{background:#e7e7e7}[data-theme=dark] ::selection{background:#35394A}::-webkit-scrollbar-track{background-color:var(--light)}[data-theme=dark] ::-webkit-scrollbar-track{background-color:var(--midnight-express)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar,::-webkit-scrollbar-thumb{background-color:var(--purple)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}a{text-decoration:none;color:inherit}body{font-size:16px;line-height:28px;font-family:Inter,sans-serif;font-weight:400;color:var(--cinder);overflow-x:hidden}[data-theme=dark] body{background:var(--midnight-express);color:var(--cinder-light)}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,serif}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--white)}.container{width:100%;max-width:1200px;padding:0 16px;margin:0 auto}.primary{color:var(--purple)}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.btn{font-style:normal;font-weight:500;font-size:14px;padding:16px 24px;line-height:17px;border-radius:8px;font-family:inherit;border:none;cursor:pointer;position:relative}.btn-outline-light{border:1px solid var(--light-2)}.btn-primary{background:var(--purple);color:var(--white)}.btn .loading{width:16px;height:16px;border-width:2px;position:absolute;right:16px;visibility:hidden;opacity:0}.btn.show-loading .loading{visibility:visible;opacity:1}.btn.show-loading{opacity:.6!important;pointer-events:none}.section-name .title{font-style:normal;font-weight:700;font-size:36px;line-height:45px}.above-title{font-style:normal;font-weight:500;font-size:12px;line-height:24px;letter-spacing:7.5px;text-transform:uppercase;padding-left:32px;position:relative;color:var(--cinder-light);display:inline-block}.service-section{animation:fadeInUp 1s ease-in-out;position:relative}.section-name.center,.vstitle{text-align:center}.vstitle{font-weight:700;font-size:larger;position:absolute;top:0;left:0;right:0;background-color:var(--purple);color:#fff;padding:10px;margin:0}.bulletp{text-align:left;padding:0;list-style:circle;margin-top:10px;margin-bottom:0}.bulletp li{margin:5px 0}.above-title:after{content:"";position:absolute;left:0;top:10px;width:16px;height:2px;background:var(--light-4)}.section-name.center{display:flex;justify-content:center}.social-icons{display:flex;align-items:center}.social-icons li svg{width:24px;height:24px}.social-icons li:not(:last-of-type){margin-right:32px}[data-aos=fade-up]{transform:translate3d(0,30px,0)}[data-aos=fade-down]{transform:translate3d(0,-30px,0)}.tag{padding:4px 8px;border:1px solid var(--light-2);border-radius:4px;font-weight:500;font-size:12px;line-height:15px;color:var(--cinder-light)}input[type=email],input[type=text],textarea{width:100%;box-shadow:none;border:none;outline:none;font-family:inherit;padding:16px 24px;font-weight:400;font-size:14px;line-height:17px;color:var(--cinder-light);background:var(--white);border-radius:8px}::placeholder,input[type=email]::placeholder,input[type=text]::placeholder{color:var(--cinder-light)}[data-theme=dark] input[type=email],[data-theme=dark] input[type=text],[data-theme=dark] textarea{background:var(--licorice)}.fail-submit-message,.validation-error{background:#ffeaea;font-size:14px;color:#f44336;border-radius:4px;padding:0 10px;margin-bottom:16px;display:none}.fail-submit-message.active,.validation-error.active{display:block}[data-theme=dark] .fail-submit-message,[data-theme=dark] .validation-error{background:#533643;color:#b59a98}.loading{width:48px;height:48px;border:5px solid;border-color:#fff #fff transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10;margin-top:25px;transition:all .3s ease-in-out}.header.sticky{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--light-2);box-shadow:0 2px 10px rgba(0,0,0,.05)}[data-theme=dark] .header.sticky{background:rgba(40,45,63,.95);box-shadow:0 2px 10px rgba(0,0,0,.2)}.header .container{display:flex;align-items:center;justify-content:space-between}.header .logo{width:113px;height:40px;fill:var(--cinder);cursor:pointer}.header .nav .nav-links{display:flex;align-items:center;line-height:19px}.header .nav .nav-links li:not(:last-of-type){margin-right:56px}.header .nav .nav-links li.active{color:var(--purple)}.header .nav .nav-links li.mobile-link{display:none}.header .nav .nav-links li.more-links{position:relative;cursor:pointer}.header .nav .nav-links li.more-links svg{width:12px;height:3px;fill:var(--cinder)}.header .nav .nav-links li.more-links .menu-list{position:absolute;background:var(--white);border:1px solid var(--light-2);top:60px;left:-3px;padding:20px;border-radius:8px;visibility:hidden;opacity:0;transition:all .2s}[data-theme=dark] .header .nav .nav-links li.more-links .menu-list{background:var(--midnight-express)}.header .nav .nav-links li.more-links .menu-list:after{content:"";position:absolute;top:-100%;left:-32px;width:100px;height:129px}.header.sticky .nav .nav-links li.more-links .menu-list{border-radius:0 0 8px 8px;box-shadow:0 1px 20px rgba(0,0,0,.02)}.header .nav .nav-links li.more-links .menu-list li:not(:last-of-type){padding-bottom:16px}.header .nav .nav-links li.more-links:hover .menu-list{top:50px;opacity:1;visibility:visible}.header .right-content,.header .theme-color-toggle{display:flex;align-items:center}.header .theme-color-toggle{margin-right:32px;justify-content:center}.header .theme-color-toggle svg{width:24px;height:24px;fill:var(--cinder);cursor:pointer;transition:all .2s}.header .theme-color-toggle .sun{visibility:hidden;opacity:0;transform:scale(0);position:absolute}.header .mobile-menu-toggle{width:24px;height:24px;fill:var(--cinder);cursor:pointer;display:none}[data-theme=dark] .header .theme-color-toggle .sun{visibility:visible;opacity:1;transform:scale(1);position:static}[data-theme=dark] .header .theme-color-toggle .moon{visibility:hidden;opacity:0;transform:scale(0);position:absolute}[data-theme=dark] .header .mobile-menu-toggle{fill:var(--white)}.hero-section .container{display:flex;align-items:center;justify-content:space-between;margin-top:181px}.hero-section .content{padding-top:64px}.hero-section .content .full-name{font-style:normal;font-weight:700;font-size:44px;line-height:55px;margin:0 0 32px}.hero-section .content .about{max-width:538px;line-height:32px;margin:0 0 40px}.hero-section .content .social-icons svg{fill:var(--cinder);transition:all .3s}.hero-section .content .social-icons svg:hover{opacity:.7}.hero-section .content .download-resume-mobile{display:none;text-align:center;margin-bottom:32px}.hero-section .image,.hero-section .image .cover{width:100%;max-width:341px;height:398px}.hero-section .image .cover{background:var(--purple-light-1);position:absolute;border-radius:16px 16px 16px 20px}.hero-section .image .cover svg{position:absolute;right:0;top:0;stroke:var(--white);width:199px;height:210px;border-top-right-radius:16px}.hero-section .image .cover:after{content:"";position:absolute;width:100%;height:100%;border-radius:16px;background:var(--purple);right:0;z-index:-1;transform:rotate(350deg);animation:enter-hero-cover .8s cubic-bezier(.42,0,.12,1.28);transition:all .2s}.hero-section .image:hover .cover:after{transform:rotate(353deg)}.hero-section .image .avatar{position:fixed;left:0;top:103px;border-bottom-left-radius:16px}@keyframes enter-hero-cover{0%{transform:rotate(1turn)}to{transform:rotate(350deg)}}.service-section{background:var(--light);padding:114px 0 184px;margin:196px 0 0}.service-section .service-item-wrapper{display:flex;align-items:center;justify-content:space-between;padding:104px 0 0}.service-section .service-item{background:var(--white);border-radius:8px;padding:56px 48px;text-align:center;min-width:357px}[data-theme=dark] .service-section .service-item{background:var(--licorice)}.service-section .service-item:not(:last-of-type){margin-right:48px}.service-section .service-item .icon{width:56px;height:56px;padding:16px;background:var(--purple-light-2);border-radius:16px;margin:0 auto 24px}.service-section .service-item .icon svg{fill:var(--purple)}.service-section .service-item .title{font-style:normal;font-weight:500;font-size:16px;line-height:20px;margin-bottom:16px}.service-section .service-item .body{font-style:normal;font-weight:400;font-size:14px;line-height:24px}.portfolio-section{padding:104px 0 176px}.portfolio-section .section-name{display:flex;align-items:center;justify-content:space-between}.portfolio-section .slider-navigation{display:flex;align-items:center}.portfolio-section .slider-navigation .prev{margin-right:16px}.portfolio-section .slider-navigation .next,.portfolio-section .slider-navigation .prev{width:40px;height:40px;background:var(--purple-light-2);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}[data-theme=dark] .portfolio-section .slider-navigation .next,[data-theme=dark] .portfolio-section .slider-navigation .prev{background:var(--licorice)}.portfolio-section .slider-navigation .next.swiper-button-disabled,.portfolio-section .slider-navigation .prev.swiper-button-disabled{opacity:.5}.portfolio-section .slider-navigation .next svg,.portfolio-section .slider-navigation .prev svg{width:24px;height:24px;fill:var(--purple)}.portfolio-section .portfolio-item-wrapper{margin-top:144px}.portfolio-section .portfolio-item{height:410px;position:relative}.portfolio-section .portfolio-item figure{overflow:hidden;height:calc(100% - 8px)}.portfolio-section .portfolio-item figure img{opacity:.5;width:100%;height:100%;object-fit:cover;border-radius:8px 8px 10px 10px;transition:all .3s}.portfolio-section .portfolio-item:hover img{opacity:1}.portfolio-section .portfolio-item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(35,46,53,.1);border-radius:8px 8px 10px 10px}[data-theme=dark] .portfolio-section .portfolio-item:after{background:rgba(255,255,255,.15)}.portfolio-section .portfolio-item .detail{background:var(--white);width:100%;padding:24px;transition:all .2s;position:absolute;bottom:0;left:0;box-shadow:0 1px 20px rgba(0,0,0,.02);z-index:2;border:1px solid var(--light-3);border-top:1px solid transparent;border-bottom-left-radius:8px;border-bottom-right-radius:8px}[data-theme=dark] .portfolio-section .portfolio-item .detail{background:var(--midnight-express);border-color:var(--light-2)}.portfolio-section .portfolio-item .detail .title{font-style:normal;font-weight:500;font-size:16px;line-height:20px;margin:0 0 16px}.portfolio-section .portfolio-item .detail .bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.portfolio-section .portfolio-item .detail .bottom .tag{margin-right:0;margin-bottom:4px}.portfolio-section .portfolio-item .detail .bottom .link{display:inline-flex}.portfolio-section .portfolio-item .detail .bottom .link svg{width:24px;height:24px;fill:var(--cinder-light)}.experience-section{padding:104px 0 120px;background:var(--light)}.experience-section .container{display:flex}.experience-section .side{width:100%;max-width:300px;margin-right:144px;position:relative}.experience-section .side .companies-list{position:relative}.experience-section .side .companies-list ul{margin-top:80px;position:relative}.experience-section .side .companies-list ul li{margin-bottom:8px;cursor:pointer;padding:14px 24px}.experience-section .side .companies-list ul li.active{font-weight:500;color:var(--purple)}.experience-section .side .companies-list .selector{background:var(--white);width:300px;height:56px;display:inline-block;position:absolute;left:0;top:0;transition:all .2s;z-index:0;border-radius:4px}[data-theme=dark] .experience-section .side .companies-list .selector{background:var(--purple-light-2)}.experience-section .side .companies-list .selector svg{width:24px;height:24px;fill:var(--purple);position:absolute;right:16px;top:16px}.experience-section .content{padding-top:32px;visibility:hidden;position:absolute;opacity:0;width:0;height:0;transform:translateY(40px)}.experience-section .content.active{position:static;visibility:visible;opacity:1;width:auto;height:auto;transform:translateY(0);transition:all .4s}.experience-section .content .headline .job-title{font-style:normal;font-weight:500;font-size:18px;line-height:22px;padding-bottom:12px}.experience-section .content .headline .company-name{padding-bottom:6px;border-bottom:1px solid var(--cinder-light)}.experience-section .content .headline .location{font-weight:500;font-size:14px;line-height:17px;padding-bottom:16px}.experience-section .content .headline .period{font-weight:500;font-size:14px;line-height:24px;color:var(--cinder-light)}.experience-section .content .headline .stack-list{display:flex;align-items:center;padding:16px 0}.experience-section .content .headline .stack-list li{margin-right:16px;color:var(--cinder)}.experience-section .content .line{display:inline-block;border-bottom:1px solid var(--light-2);width:100%;margin:16px 0 28px}.experience-section .content .responsibilities{padding-left:28px}.experience-section .content .responsibilities li{padding-bottom:12px;position:relative}.experience-section .content .responsibilities li:after{content:"";position:absolute;left:-28px;top:11px;width:10px;height:2px;background:var(--light-4)}.blog-section{padding:104px 0 176px}.blog-section .post-item-wrapper{margin-top:144px;display:flex;align-items:center;justify-content:space-between}.blog-section .post-item-wrapper .post-item:not(:last-of-type){margin-right:40px}.blog-section .post-item-wrapper .post-item figure{height:243px}.blog-section .post-item-wrapper .post-item figure img{border-top-left-radius:8px;border-top-right-radius:8px;height:100%;object-fit:cover;width:100%}.blog-section .post-item-wrapper .post-item .content{padding:24px;border:1px solid var(--light-3);border-top:1px solid transparent;border-bottom-left-radius:8px;border-bottom-right-radius:8px}[data-theme=dark] .blog-section .post-item-wrapper .post-item .content{border-color:var(--light-2)}.blog-section .post-item-wrapper .post-item .content .title{font-weight:500;font-size:16px;line-height:24px}.blog-section .post-item-wrapper .post-item .content .detail{margin:16px 0 12px;display:flex;align-items:center}.blog-section .post-item-wrapper .post-item .content .detail .tag{margin-right:8px;border:none;background:var(--light)}.blog-section .post-item-wrapper .post-item .content .body{line-height:32px;color:var(--cinder-light);padding-bottom:32px}.blog-section .post-item-wrapper .post-item .content .bottom{position:relative;text-align:center;padding-top:16px;font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:var(--cinder-light)}.education-skill-section{padding:104px 0 176px;background:var(--light)}.education-skill-section .education-skill-wrapper{display:flex;align-items:center;justify-content:space-between}.education-skill-section .education-skill-wrapper .education{padding-top:112px;position:relative;min-width:410px;margin-right:144px}.education-skill-section .education-skill-wrapper .education .education-item{padding-bottom:64px;padding-left:40px;position:relative}.education-skill-section .education-skill-wrapper .education .education-item:after{content:"";position:absolute;left:2px;top:0;width:20px;height:20px;background:var(--light-2);border:2px solid var(--white);border-radius:100px}[data-theme=dark] .education-skill-section .education-skill-wrapper .education .education-item:after{background:var(--licorice);border:2px solid var(--midnight-express)}.education-skill-section .education-skill-wrapper .education .education-item:not(:last-of-type):before{content:"";position:absolute;left:12px;top:2px;width:1px;height:100%;background:var(--light-2)}.education-skill-section .education-skill-wrapper .education .education-item .school{font-style:normal;font-weight:500;font-size:16px;line-height:20px;padding-bottom:10px}.education-skill-section .education-skill-wrapper .education .education-item .degree-field{font-weight:400;font-size:14px;line-height:17px;color:var(--cinder-light);padding-bottom:24px}.education-skill-section .education-skill-wrapper .education .education-item .date{font-weight:500;font-size:14px;line-height:17px}.education-skill-section .education-skill-wrapper .skill .progress-bar-wrapper{padding-top:64px;max-width:551px}.education-skill-section .education-skill-wrapper .skill .progress-bar{padding-bottom:40px}.education-skill-section .education-skill-wrapper .skill .progress-bar .label{font-weight:500;font-size:14px;line-height:17px;padding-bottom:16px}.education-skill-section .education-skill-wrapper .skill .progress-bar .main-bar{width:100%;background:var(--purple-light-2);border-radius:2px}.education-skill-section .education-skill-wrapper .skill .progress-bar .fill{display:block;height:8px;background-color:var(--purple);border-top-left-radius:2px;border-bottom-left-radius:2px;transition:width .5s ease-in-out;width:0}.boldme{font-weight:700;font-size:30px;align-content:left;color:var(--cinder)}.boldme,.ulcont{font-family:Plus Jakarta Sans,serif}.ulcont{margin-top:20px}.cert-title{font-weight:600;font-size:16px;color:var(--purple);margin-right:8px}.education-skill-section .education-skill-wrapper .skill .description{color:var(--cinder-light);line-height:32px;font-size:14px}.ulcont li{margin-bottom:8px}.ulcont li:before{content:"\2022";color:var(--purple);display:inline-block;width:1em;margin-left:-1em}.contact-section{padding:104px 0 50px}.contact-section .contact-wrapper{display:flex;align-items:center}.contact-section .contact-info{width:100%;max-width:600px;margin:0 auto;text-align:center}.section-title{font-size:36px;margin-bottom:16px;color:#333}.section-subtitle{font-size:18px;margin-bottom:24px;color:#666}.email-box{background-color:var(--purple);border-radius:8px;padding:16px;display:inline-block;font-size:18px;color:#ffffff}.email-link{text-decoration:none;color:#ffffff;transition:color .3s ease}.email-link:hover{color:white}.footer{padding:88px 0;text-align:center}.footer .social-icons{justify-content:center;margin-bottom:24px}.footer .social-icons svg{fill:var(--cinder-light)}.footer .copyright{font-weight:400;font-size:14px;line-height:17px;color:var(--cinder-light)}.footer .copyright .bold{font-weight:500}@media only screen and (max-width:1280px){.container{padding:0 60px}.hero-section .container{margin-top:125px}.service-section .service-item{min-width:325px}.service-section .service-item:not(:last-of-type){margin-right:32px}.testimonial-section .testimonial-item-wrapper .testimonial-item{min-width:auto}.testimonial-section .testimonial-item-wrapper .testimonial-item:not(:last-of-type){margin-right:32px}}@media only screen and (max-width:1150px){.service-section .service-item-wrapper{flex-wrap:wrap}.service-section .service-item{min-width:auto;width:calc(50% - 16px);margin-bottom:32px}.service-section .service-item:not(:last-of-type){margin-right:0}.service-section .service-item:first-of-type{margin-right:32px}.blog-section .post-item-wrapper{flex-wrap:wrap}.blog-section .post-item-wrapper .post-item{width:calc(50% - 20px);margin-bottom:40px}.blog-section .post-item-wrapper .post-item:not(:last-of-type){margin-right:0}.blog-section .post-item-wrapper .post-item:first-of-type{margin-right:40px}.testimonial-section .testimonial-item-wrapper{flex-wrap:wrap}.testimonial-section .testimonial-item-wrapper .testimonial-item{min-width:auto;width:calc(50% - 16px)}.testimonial-section .testimonial-item-wrapper .testimonial-item:not(:last-of-type){margin-right:0;margin-bottom:80px}.testimonial-section .testimonial-item-wrapper .testimonial-item:first-of-type{margin-right:32px}.education-skill-section .education-skill-wrapper .education{margin-right:80px}.education-skill-section .education-skill-wrapper .skill .description{padding-top:40px}.contact-section .contact-wrapper .contact-form{margin-right:88px}}.header .nav .nav-links li:not(:last-of-type){margin-right:40px}.hero-section .content .about{margin:0 64px 40px 0}.hero-section .image{position:relative}.hero-section .image,.hero-section .image .cover{max-width:240px;height:290px}.hero-section .image .avatar{width:100%;height:auto;display:block;position:absolute;top:55px}.experience-section .side{margin-right:104px}@media only screen and (max-width:1050px){.header .nav .nav-links li:not(:last-of-type){margin-right:40px}.hero-section .content .about{margin:0 32px 40px 0}.hero-section .image{max-width:272px;height:350px;left:16px}.hero-section .image .cover{max-width:272px;height:350px;right:0}.experience-section .side{margin-right:32px}}@media only screen and (max-width:992px){.section-name .title{font-size:32px}.header{margin-top:5px;border-bottom:1px solid var(--light-2);position:relative}.header .mobile-menu-toggle{display:block;z-index:1001}.header .nav .nav-links{display:initial;position:absolute;right:16px;top:70px;padding:16px 24px;background:var(--white);border:1px solid var(--light-2);line-height:32px;width:200px;border-radius:0 0 4px 4px;visibility:hidden;opacity:0;height:0;overflow:hidden;transition:all .3s ease-in-out;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1)}.header .nav .nav-links.active{visibility:visible;opacity:1;height:auto;max-height:400px}[data-theme=dark] .header .nav .nav-links{background:var(--midnight-express)}.header .nav .nav-links li:not(:last-of-type){margin-right:0}.header .nav .nav-links li.mobile-link{display:block}.header .nav .nav-links li.more-links,.header .right-content .download-resume{display:none}.hero-section .content{padding-top:48px}.hero-section .content .full-name{font-size:40px;margin:0 0 16px}.hero-section .image{max-width:272px;height:350px;left:16px}.hero-section .image .cover{max-width:272px;height:350px;right:0}.service-section{padding:82px 0 88px;margin:164px 0 0}.portfolio-section{padding:80px 0 104px}.portfolio-section .portfolio-item-wrapper{margin-top:96px}.experience-section{padding:80px 0 96px}.experience-section .container{flex-wrap:wrap}.experience-section .side{width:100%;max-width:100%;margin-right:0}.experience-section .side .companies-list ul{display:flex;flex-wrap:wrap;margin-top:56px}.experience-section .side .companies-list ul li{margin-bottom:0;padding:10px 24px;font-size:14px}.experience-section .side .companies-list ul li.active{background:var(--white);border-radius:2px}[data-theme=dark] .experience-section .side .companies-list ul li.active{background:var(--purple-light-2)}.experience-section .side .companies-list .selector{display:none}.experience-section .content{padding-top:40px}.experience-section .content .headline .job-title{padding-bottom:16px}.experience-section .content .headline .company-name{border-bottom:none}.experience-section .content .responsibilities{padding-left:20px}.experience-section .content .responsibilities li:after{left:-16px;width:4px;height:4px;border-radius:10px}.blog-section{padding:80px 0}.blog-section .post-item-wrapper{margin-top:80px}.testimonial-section{padding:80px 0 88px}.testimonial-section .testimonial-item-wrapper{padding-top:104px}.education-skill-section{padding:80px 0 64px}.education-skill-section .education-skill-wrapper .education{margin-right:40px;min-width:auto;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 40px);padding-top:88px}.education-skill-section .education-skill-wrapper .skill .description{padding-top:24px}.contact-section{padding:72px 0 88px}.contact-section .contact-wrapper .contact-form{margin-right:40px}.footer{padding:72px 0}}@media only screen and (max-width:768px){.container{padding:0 32px}.header .nav .nav-links{right:34px}.hero-section .container{flex-wrap:wrap;margin-top:93px;padding:0 56px}.hero-section .content{order:1;padding-top:80px}.service-section .service-item{width:100%}.service-section .service-item:first-of-type{margin-right:0}.blog-section .post-item-wrapper .post-item{width:100%}.blog-section .post-item-wrapper .post-item:first-of-type{margin-right:0}.testimonial-section .testimonial-item-wrapper .testimonial-item{width:100%}.testimonial-section .testimonial-item-wrapper .testimonial-item:first-of-type{margin-right:0}.education-skill-section .education-skill-wrapper{flex-wrap:wrap}.education-skill-section .education-skill-wrapper .education{flex:0 0 100%;margin-right:0}.contact-section .contact-wrapper{flex-wrap:wrap}.contact-section .contact-wrapper .contact-form{margin-right:0;max-width:none;order:2}.contact-section .contact-wrapper .contact-info{margin-bottom:32px}}@media only screen and (max-width:576px){.container{padding:0 24px}.above-title{margin-bottom:8px}.section-name .title{font-size:30px}.header{margin-top:0}.header .nav .nav-links{width:100%;right:0;line-height:40px}.hero-section .content .full-name{font-size:36px;margin:0 0 8px}.hero-section .content .about{margin:0 0 32px}.hero-section .content .download-resume-mobile{display:inline-block}.hero-section .content .social-icons{margin-left:2px}.service-section{margin:96px 0 0}.service-section .service-item-wrapper{padding:80px 0 0}.portfolio-section .section-name{flex-wrap:wrap}.portfolio-section .section-name .content{margin:0 24px 24px 0}.portfolio-section .slider-navigation .prev{margin-right:8px}.contact-section .contact-wrapper .contact-info .contact-info-item{margin-bottom:32px}}@media only screen and (max-width:480px){.hero-section .container{padding:0 32px}.portfolio-section .portfolio-item-wrapper{margin-top:80px}.hero-section .image{max-width:272px;height:350px;left:16px}.hero-section .image .cover{max-width:272px;height:350px;right:0}}.blog-post{padding:80px 0}.blog-post .container{max-width:800px;margin:0 auto;padding:0 20px}.blog-header{margin-bottom:40px}.blog-category{display:inline-block;padding:4px 10px;background:var(--purple-light-2);color:var(--purple);border-radius:4px;font-size:14px;font-weight:500;margin-bottom:16px}.blog-title{font-size:36px;line-height:1.2;margin-bottom:16px}.blog-meta{color:var(--cinder-light);font-size:14px}.blog-content{font-size:18px;line-height:1.8}.blog-content h1{font-size:32px;margin:50px 0 25px;font-weight:600}.blog-content h2{font-size:28px;margin:40px 0 20px;font-weight:600}.blog-content h3{font-size:24px;margin:30px 0 15px;font-weight:600}.blog-content p{margin-bottom:20px}.blog-content ol,.blog-content ul{margin:20px 0;padding-left:30px}.blog-content li{margin-bottom:10px;list-style-type:disc}.blog-content pre{padding:15px;border-radius:5px;margin:20px 0}.blog-content code,.blog-content pre{background:var(--light-2);font-family:monospace}.blog-content code{border-radius:3px}.blog-footer a{color:var(--purple);text-decoration:none}[data-theme=dark] .blog-content code,[data-theme=dark] .blog-content pre{background:var(--licorice)}.blog-index-section{padding:80px 0}.blog-posts-list{display:flex;flex-direction:column;gap:2.5rem;max-width:800px;margin:3rem auto 0}.post-entry-tag{font-size:.875rem;display:inline-block;color:var(--light-4);margin-bottom:.75rem;font-weight:500;color:#999dac}.post-entry-title{font-size:1.75rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.post-entry-title a{color:var(--white);text-decoration:none;transition:color .2s ease}.post-entry-title a:hover{color:var(--purple)}.post-entry-date{font-size:.875rem;color:var(--light-4);margin-bottom:1rem}.post-entry-excerpt{font-size:1rem;line-height:1.6;color:var(--light);margin-bottom:1.25rem}.post-entry-link{display:inline-flex;align-items:center;color:var(--purple);font-size:.9375rem;font-weight:500;text-decoration:none;transition:transform .2s ease}.post-entry-link:hover{transform:translateX(5px)}.entry-arrow{margin-left:.375rem}.no-posts{text-align:center;color:var(--light-4);font-size:1rem;padding:2rem 0}[data-theme=dark] .blog-post-entry{border-bottom-color:rgba(255,255,255,.05)}[data-theme=dark] .post-entry-excerpt,[data-theme=dark] .post-entry-title a{color:var(--white)}@media (max-width:768px){.blog-posts-list{padding:0 1.25rem}.post-entry-title{font-size:1.5rem}.post-entry-excerpt{font-size:.9375rem}}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0;display:block}.blog-content figure{margin:32px 0}.blog-content figcaption{text-align:center;font-size:.875rem;color:var(--light-4);margin-top:8px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:32px 0;border-radius:8px}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.blog-content table{margin:32px 0;font-size:.9375rem}.blog-content th{background-color:rgba(255,255,255,.05);font-weight:600;text-align:left;padding:12px 16px}.blog-content td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.blog-content pre{background:rgba(0,0,0,.2);padding:16px;margin:24px 0}.blog-content code{font-size:.9em}.blog-content blockquote{border-left:4px solid var(--purple);padding-left:20px;margin:32px 0;font-style:italic;color:var(--light-4)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin:32px 0}.image-gallery img{width:100%;height:200px;object-fit:cover;margin:0}.responsive-image{width:100%;height:auto}.featured-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:32px}.image-shadow{box-shadow:0 8px 24px rgba(0,0,0,.2)}.align-left{float:left;margin:8px 24px 16px 0;max-width:50%}.align-right{float:right;margin:8px 0 16px 24px;max-width:50%}.align-center{margin-left:auto;margin-right:auto}.caption{font-size:.875rem;color:var(--light-4);text-align:center;margin-top:8px}[data-theme=dark] .blog-content table th{background-color:rgba(255,255,255,.05)}[data-theme=dark] .blog-content table td{border-bottom-color:rgba(255,255,255,.05)}[data-theme=dark] .blog-content img{filter:brightness(.95)}.embed-container{margin:32px 0;border-radius:8px;overflow:hidden}@media (max-width:768px){.blog-content img.align-left,.blog-content img.align-right{float:none;margin:24px 0;max-width:100%}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.blog-content pre{padding:12px;font-size:.8rem}}.post-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.post-entry-actions{display:flex;gap:12px}.like-button:disabled{opacity:.7;cursor:not-allowed}.like-button:active:not(:disabled) svg{transform:scale(1.3);transition:transform .2s}@media (max-width:480px){.post-entry-header{flex-direction:column;align-items:flex-start}.post-entry-actions{align-self:flex-end;margin-top:8px}}.blog-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.blog-actions{display:flex;gap:12px}.blog-footer{display:flex;justify-content:space-between;align-items:center;margin-top:60px;padding-top:20px;border-top:1px solid var(--light-2)}.blog-footer-actions{display:flex;gap:12px}.like-button,.share-button{background:none;color:var(--light-4);gap:4px;transition:color .2s ease;padding:5px}.like-button:hover,.share-button:hover{color:var(--purple)}.like-button svg,.share-button svg{width:16px;height:16px}.like-button:active svg{transform:scale(1.3);transition:transform .2s}.back-link{color:var(--purple);text-decoration:none;display:flex;align-items:center}[data-theme=dark] .blog-footer{border-top-color:var(--licorice)}@media (max-width:576px){.blog-header-top{flex-direction:column;align-items:flex-start}.blog-actions{align-self:flex-end;margin-top:8px}.blog-footer{flex-direction:column;gap:20px}.blog-footer-actions{align-self:flex-end}}.blog-header-title{text-align:center;margin-bottom:60px}.blog-subtitle{font-size:14px;letter-spacing:2px;color:var(--light-4);text-transform:uppercase;margin-bottom:16px}.blog-header-title h1{font-size:42px;font-weight:700;margin:0}.post-entry-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.post-category{font-size:14px;color:var(--light-4);font-weight:500}.post-actions{display:flex;gap:12px}.like-button,.share-button{display:flex;align-items:center;gap:6px;font-size:14px;background:transparent;border:none;padding:5px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.like-button svg,.share-button svg{width:18px;height:18px}.like-button.liked{color:var(--purple)}[data-theme=light] .blog-post-entry{border-bottom-color:rgba(0,0,0,.1)}[data-theme=light] .post-entry-title a{color:var(--cinder)}[data-theme=light] .like-button,[data-theme=light] .post-category,[data-theme=light] .post-entry-date,[data-theme=light] .post-entry-excerpt,[data-theme=light] .share-button{color:var(--cinder-light)}[data-theme=light] .like-button:hover,[data-theme=light] .post-entry-link,[data-theme=light] .share-button:hover{color:var(--purple)}[data-theme=light] .blog-content code,[data-theme=light] .blog-content pre{background:var(--light-2);color:var(--cinder)}.blog-content pre{position:relative;background:rgba(30,30,30,.9);color:#f8f8f2;padding:20px;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;overflow-x:auto;margin:30px 0;box-shadow:0 4px 8px rgba(0,0,0,.1)}[data-theme=light] .blog-content pre{background:#f5f5f5;color:#333;box-shadow:0 4px 8px rgba(0,0,0,.05)}.blog-content code{font-family:Consolas,Monaco,Courier New,monospace;border-radius:4px;padding:2px 5px}.blog-content pre .annotation,.blog-content pre .keyword{color:#ff79c6}.blog-content pre .string{color:#f1fa8c}.blog-content pre .comment{color:#6272a4;font-style:italic}[data-theme=light] .blog-content pre .annotation,[data-theme=light] .blog-content pre .keyword{color:#d73a49}[data-theme=light] .blog-content pre .string{color:#032f62}[data-theme=light] .blog-content pre .comment{color:#6a737d}@media (max-width:768px){.blog-header-title h1{font-size:32px}.post-entry-meta{flex-direction:column;align-items:flex-start}.post-actions{align-self:flex-end;margin-top:8px}}.social-nav-item a{display:flex;align-items:center;gap:6px;color:var(--white);text-decoration:none;font-size:16px;font-weight:500;transition:color .2s ease}.social-nav-item a:hover{color:var(--purple)}.social-nav-item svg{width:18px;height:18px}.social-text{display:inline-block;margin-left:4px}.logo a{color:var(--white);text-decoration:none;font-weight:700;font-size:1.5rem;transition:color .2s ease}.logo a:hover{color:var(--purple)}@media (max-width:900px){.nav-links{flex-direction:column;padding-top:20px}.social-nav-item{margin-bottom:10px}}.blog-preview-section{padding:4rem 0 0;text-align:center;background-color:#ffffff}.blog-preview-wrapper{margin-top:1rem;display:flex;flex-direction:column;align-items:center}.section-subtitle{font-size:.9rem;color:#888;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.25rem}.section-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#222}.blog-intro.text{max-width:700px;font-size:1rem;color:#555;line-height:1.6;margin-bottom:1.5rem}.blog-btn{display:inline-flex;align-items:center;font-weight:500;font-size:1rem;color:#0e5484;text-decoration:none;transition:all .3s ease}.blog-btn:hover{color:#004466}.blog-btn i{margin-left:.5rem}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;text-align:left;overflow-x:auto;display:block}.blog-content thead{background-color:var(--light-2)}.blog-content td,.blog-content th{padding:12px 16px;border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .blog-content thead{background-color:var(--licorice)}[data-theme=dark] .blog-content td,[data-theme=dark] .blog-content th{border-color:rgba(255,255,255,.08)}.blog-content .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:2rem 0;border-radius:8px}.blog-content .video-wrapper embed,.blog-content .video-wrapper iframe,.blog-content .video-wrapper object{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.blog-content img[src$=".gif"]{max-width:100%;height:auto;border-radius:8px;display:block;margin:2rem auto;box-shadow:0 2px 10px rgba(0,0,0,.05)}