html,body{margin:0;padding:0;scroll-behavior:smooth}.button{background:#fff;padding:10px 30px;text-align:center;color:#000;border:solid 1px #000;text-decoration:none;font-size:1.6rem;font-family:"Jost",sans-serif;transition:all 0.3s ease-in-out}.button:hover{background:#000;color:#fff;border-color:#6d9eeb}.wrapper{max-width:80%;margin:0 auto}@media screen and (max-width: 660px){.wrapper{max-width:100%}}.slick-slider{position:relative;margin-top:100px}.slick-slider .arrow{position:absolute;top:-60px;right:0;border:solid 2px #6d9eeb;background:#fff;width:50px;height:50px;border-radius:5px;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-in-out;cursor:pointer}.slick-slider .arrow-prev,.slick-slider .arrow-next{font-family:"Material Symbols Outlined";font-size:1.5rem;color:#6d9eeb}.slick-slider .arrow-prev{right:75px}.slick-slider .arrow-prev:before{content:"\e5e0"}.slick-slider .arrow-next{right:10px}.slick-slider .arrow-next:before{content:"\e5e1"}.slick-slider .slick-dots{display:flex;justify-content:flex-start;align-items:flex-start;gap:5px;position:absolute;right:10px;top:-30px}.slick-slider .slick-dots li{color:#000;list-style-type:none;opacity:0.5;cursor:pointer}.slick-slider .slick-dots li button{font-size:0;border-radius:50%;width:15px;height:15px;background:#000;color:#000;border:0;cursor:pointer}.slick-slider .slick-dots li.slick-active{opacity:1}.slick-slider .slick-dots li.slick-active button{background:#6d9eeb}.bg-black{background:#000}.bg-black h1,.bg-black h2,.bg-black h3,.bg-black h4,.bg-black h5,.bg-black p,.bg-black ul,.bg-black ol,.bg-black li{color:#fff}@media screen and (max-width: 1200px){.animated-bars-right{display:none}}.animated-bars-right .bar{content:"";height:35px;background:#6d9eeb;position:absolute}.animated-bars-right .bar-1{bottom:150px;right:-100%;width:30%;transition:all 0.5s ease-in-out}.animated-bars-right .bar-2{bottom:205px;right:-100%;width:40%;transition:all 0.8s ease-in-out}@keyframes pulse-animation{0%{box-shadow:0 0 0 0px rgba(109,158,235,0.2)}100%{box-shadow:0 0 0 20px rgba(109,158,235,0)}}@keyframes flip-animation{0%{transform:rotateY(0deg)}20%{transform:rotateY(72deg)}40%{transform:rotateY(144deg)}60%{transform:rotateY(216deg)}90%{transform:rotateY(288deg)}100%{transform:rotateY(360deg)}}@keyframes rotate-animation{0%{transform:rotate(0deg)}20%{transform:rotate(72deg)}40%{transform:rotate(144deg)}60%{transform:rotate(216deg)}90%{transform:rotate(288deg)}100%{transform:rotate(360deg)}}@keyframes rotate-reverse-animation{0%{transform:rotate(0deg)}20%{transform:rotate(-72deg)}40%{transform:rotate(-144deg)}60%{transform:rotate(-216deg)}90%{transform:rotate(-288deg)}100%{transform:rotate(-360deg)}}.col{display:flex;gap:50px}.col.center{align-items:center;justify-content:center}.col.space-between{justify-content:space-between}.col.flex-row{flex-direction:row}.col.flex-column{flex-direction:column}.col .col-25{width:calc(25% - 50px)}.col .col-40{width:calc(40% - 50px)}.col .col-50{width:calc(50% - 50px)}.col .col-60{width:calc(60% - 50px)}.col .col-75{width:calc(75% - 50px)}.col .col-100{width:calc(100% - 50px)}.contact{position:relative;display:block}.contact:hover{filter:brightness(0) saturate(100%) invert(61%) sepia(91%) saturate(1450%) hue-rotate(189deg) brightness(94%) contrast(96%)}.contact.contact-github{width:30px;height:30px}.contact.contact-github:after{content:"";background:url("/wp-content/uploads/2024/09/icons-github.svg") no-repeat;background-size:contain;height:30px;width:30px;color:#6d9eeb;position:absolute;top:0;left:0}.contact.contact-linkedin{width:30px;height:30px}.contact.contact-linkedin:after{content:"";background:url("/wp-content/uploads/2024/09/icons-linkedin.svg") no-repeat;background-size:contain;height:30px;width:30px;font-size:3rem;color:#6d9eeb;position:absolute;top:0;left:0}.contact.contact-email{width:30px;height:30px}.contact.contact-email:after{content:"";background:url("/wp-content/uploads/2024/09/email-svgrepo-com.svg") no-repeat;background-size:contain;height:30px;width:30px;font-size:3rem;color:#6d9eeb;position:absolute;top:0;left:0}.contact.contact-upwork{width:30px;height:30px}.contact.contact-upwork:after{content:"";background:url("/wp-content/uploads/2024/09/upwork-svgrepo-com.svg") no-repeat;background-size:contain;height:30px;width:30px;font-size:3rem;color:#6d9eeb;position:absolute;top:0;left:0}.spacer{width:auto}.spacer-10{height:10px}.spacer-20{height:20px}.spacer-30{height:30px}.spacer-40{height:40px}.spacer-50{height:50px}.stats-wrapper{display:none;flex-direction:column;gap:30px}@media screen and (max-width: 1400px){.stats-wrapper{flex-direction:row;margin-bottom:30px}}.stats-wrapper .stat{height:150px;width:150px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.stats-wrapper .stat .moving-border{background:#000;position:absolute;height:100%;width:100%;border-radius:50%;top:0;left:0}.stats-wrapper .stat:before{content:"";position:absolute;height:100%;width:100%;border-radius:50%;background:linear-gradient(0deg, #6d9eeb 50%, #000 50%);padding:3px}.stats-wrapper .stat p.stat-number{font-size:2.5rem;text-align:center;margin-bottom:5px;position:relative;z-index:2}.stats-wrapper .stat p.stat-description{font-size:1.3rem;max-width:100px;text-align:center;margin:0;position:relative;z-index:2}#pre-footer{position:relative;margin-top:160px;padding:0px 0 20px 0}@media screen and (max-width: 1024px){#pre-footer{height:300px;margin-top:0}}@media screen and (max-width: 1024px){#pre-footer .wrapper{height:100%}}#pre-footer .col{align-items:center}@media screen and (max-width: 1024px){#pre-footer .col{flex-direction:column-reverse;height:100%}}@media screen and (max-width: 1024px){#pre-footer .col .col-60{margin:0;height:100%;width:100%;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}@media screen and (max-width: 660px){#pre-footer .col .col-60 p,#pre-footer .col .col-60 .button-wrapper{padding:0 30px}}#pre-footer .col .col-60 p{margin-bottom:60px}@media screen and (max-width: 1024px){#pre-footer .col .col-60 p{margin-bottom:30px}}#pre-footer .col .col-60 .button-wrapper{display:flex;justify-content:flex-start;align-items:center;gap:20px}#pre-footer .col .col-40{position:relative;top:-80px}@media screen and (max-width: 1200px){#pre-footer .col .col-40{overflow-x:hidden;right:-8vw;width:50%}}@media screen and (max-width: 1024px){#pre-footer .col .col-40{width:calc(100% + 20vw);height:100%;right:0;overflow:hidden;position:absolute;top:0}#pre-footer .col .col-40:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:2}}#pre-footer .col .col-40 .img-shadow-wrapper{position:relative;height:550px;width:450px}@media screen and (max-width: 1200px){#pre-footer .col .col-40 .img-shadow-wrapper{width:-webkit-fill-available;width:fill-available;width:-moz-fill-available}}#pre-footer .col .col-40 .img-shadow-wrapper img{object-fit:cover;height:inherit;width:inherit;position:relative;z-index:2}header{display:none}footer{padding:20px 0}@media screen and (max-width: 660px){footer{padding:20px 0 60px 0}}footer .wrapper{display:flex;flex-direction:column;align-items:center}footer .wrapper .contact-wrapper{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:20px}footer .wrapper .contact-wrapper a{margin:0}footer .wrapper p{margin:0;text-align:center}footer .wrapper p.signature{font-style:italic;font-family:"Zilla Slab",serif;font-weight:100;margin-top:5px;font-size:14px}.home{overflow-x:hidden}.home #banner{display:grid;grid-template-columns:300px 1fr;column-gap:100px;position:relative}@media screen and (max-width: 820px){.home #banner{display:flex;flex-direction:column-reverse}}@media screen and (max-width: 1400px){.home #banner .col.flex-row{flex-direction:column}.home #banner .col.flex-row .col-40,.home #banner .col.flex-row .col-60{width:100%}}.home #banner h1,.home #banner p{color:#fff}.home #banner h1{font-weight:200}.home #banner .img-wrapper{position:relative}.home #banner .img-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0.25396) 20%)}@media screen and (max-width: 820px){.home #banner .img-wrapper:after{background:linear-gradient(90deg, rgba(0,0,0,0.34) 0%, #000 55%)}}@media screen and (max-width: 660px){.home #banner .img-wrapper:after{background:linear-gradient(90deg, rgba(0,0,0,0.34) 26%, #000 70%)}}.home #banner .banner-img{width:300px;height:100%;object-fit:cover}@media screen and (max-width: 820px){.home #banner .banner-img{width:600px;height:300px;object-fit:cover;object-position:-140px -135px}}@media screen and (max-width: 660px){.home #banner .banner-img{width:100%;object-position:-90px -83px}}.home #banner .button-wrapper{display:flex;justify-content:flex-start;align-items:center;gap:20px}.home #banner .copy-wrapper{align-self:center;justify-self:flex-start;padding:0 30px;width:70%;margin:0 auto}@media screen and (max-width: 1200px){.home #banner .copy-wrapper{width:100%;padding:30px 0 0 0}}@media screen and (max-width: 820px){.home #banner .copy-wrapper .col-100{width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;margin:0 auto;padding:0 30px}}.home #banner .typed-text{font-size:2.5rem;font-family:"Zilla Slab",serif;font-weight:100;height:70px}.home #banner .typed-text .visible-animated-text{color:#6d9eeb}.home #banner a:not(.button){color:#6d9eeb;font-size:1.6rem;letter-spacing:1.3px;text-underline-offset:5px;transition:all 0.3s ease-in-out;display:inline-block;position:relative}.home #banner a:not(.button):hover{text-underline-offset:10px}.home #banner a:not(.button):hover:after{top:calc(100% + 10px)}.home #banner a:not(.button):after{content:"\e5db";font-family:"Material Symbols Outlined";font-size:1.5rem;position:absolute;top:50%;right:-20px;transform:translateY(-50%);transition:all 0.3s ease-in-out}.home #intro{padding:80px 30px}.home #portfolio{padding:80px 0}.home #portfolio h2{color:#000}@media screen and (max-width: 660px){.home #portfolio h2{padding:0 30px}}.home #portfolio .portfolio-slider{display:flex}.home #portfolio .portfolio-slider .site{margin:0 10px;padding:10px;border:solid 1px #000;position:relative;display:flex;justify-content:center;align-items:center;height:350px;border-radius:5px}.home #portfolio .portfolio-slider .site:hover:after{opacity:0}.home #portfolio .portfolio-slider .site:hover p.title{opacity:0}.home #portfolio .portfolio-slider .site:hover .material-symbols-outlined{opacity:1;color:#000}.home #portfolio .portfolio-slider .site:after{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#000;opacity:0.5;transition:all 0.8s ease-in-out;border-radius:5px}.home #portfolio .portfolio-slider .site .site-img{width:calc(100% - 21px);height:300px;object-fit:contain}.home #portfolio .portfolio-slider .site a,.home #portfolio .portfolio-slider .site .title{position:absolute;padding:0 30px}.home #portfolio .portfolio-slider .site a{width:100%;height:100%;top:0;left:0;z-index:3}.home #portfolio .portfolio-slider .site p.title{color:#fff;font-size:3rem;font-weight:600;z-index:2;text-transform:capitalize;transition:all 0.8s ease-in-out;opacity:1}.home #portfolio .portfolio-slider .site .material-symbols-outlined{position:absolute;bottom:10px;right:10px;font-size:3rem;color:#fff;z-index:2;transition:all 0.3s ease-in-out}@media screen and (max-width: 660px){.home .timeline-header{padding:0 30px}}.home #timeline{padding:40px 0;position:relative;overflow:hidden}@media screen and (max-width: 1200px){.home #timeline{overflow:visible}}.home #timeline .wrapper{max-width:100%;padding:0 30px}.home #timeline .timeline-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;max-width:80%;margin:40px auto;position:relative}@media screen and (max-width: 1200px){.home #timeline .timeline-wrapper{max-width:100%;flex-direction:column}}.home #timeline .timeline-wrapper .timeline-scroller{width:6px;height:calc(100% + 40px);background:#404040;border-radius:40px;position:absolute;top:0;left:-40px}@media screen and (max-width: 1400px){.home #timeline .timeline-wrapper .timeline-scroller{left:-20px}}@media screen and (max-width: 1200px){.home #timeline .timeline-wrapper .timeline-scroller{display:none}}.home #timeline .timeline-wrapper .timeline-scroller .scroller{height:20px;width:20px;border-radius:50%;background:#6d9eeb;position:absolute;top:0;left:-6.5px}.home #timeline .timeline-wrapper .position-details-wrapper{width:calc(40% - 10px);height:350px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:130px}@media screen and (max-width: 1200px){.home #timeline .timeline-wrapper .position-details-wrapper{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;padding-bottom:0;overflow:visible}}@media screen and (max-width: 900px){.home #timeline .timeline-wrapper .position-details-wrapper{grid-template-columns:repeat(2, 1fr);height:auto}}@media screen and (max-width: 660px){.home #timeline .timeline-wrapper .position-details-wrapper{grid-template-columns:1fr}}.home #timeline .timeline-wrapper .position-details-wrapper .position-details{margin-bottom:30px;padding:45px 30px;position:relative;opacity:0}.home #timeline .timeline-wrapper .position-details-wrapper .position-details:nth-of-type(1){opacity:calc(1 - (1 * 0.3))}.home #timeline .timeline-wrapper .position-details-wrapper .position-details:nth-of-type(2){opacity:calc(1 - (2 * 0.3))}.home #timeline .timeline-wrapper .position-details-wrapper .position-details:nth-of-type(3){opacity:calc(1 - (3 * 0.3));margin-bottom:150px}@media screen and (max-width: 1200px){.home #timeline .timeline-wrapper .position-details-wrapper .position-details{margin-bottom:0 !important;opacity:1 !important;min-height:300px}}@media screen and (max-width: 660px){.home #timeline .timeline-wrapper .position-details-wrapper .position-details{min-height:250px}}.home #timeline .timeline-wrapper .position-details-wrapper .position-details>*{position:relative;z-index:1}.home #timeline .timeline-wrapper .position-details-wrapper .position-details.active{opacity:1}.home #timeline .timeline-wrapper .position-details-wrapper .position-details:after{content:"";background:#404040;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;z-index:0;opacity:0.5}.home #timeline .timeline-wrapper .position-details-wrapper .position-details .date{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:30px}.home #timeline .timeline-wrapper .position-details-wrapper .position-details .date p{color:#6d9eeb;font-weight:600;font-size:1.4rem;margin:0}.home #timeline .timeline-wrapper .position-details-wrapper .position-details .position{margin-bottom:0}.home #timeline .timeline-wrapper .position-details-wrapper .position-details .mobile-details-btn{display:none;background:#6d9eeb;padding:10px 20px;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;position:absolute;left:30px;bottom:45px;cursor:pointer;border:solid 1px #6d9eeb;transition:all 0.3s ease-in-out;margin:0;text-decoration:none}.home #timeline .timeline-wrapper .position-details-wrapper .position-details .mobile-details-btn:hover{background:none}.home #timeline .timeline-wrapper .position-details-wrapper .position-details .mobile-details-btn:hover p{color:#6d9eeb}.home #timeline .timeline-wrapper .position-details-wrapper .position-details .mobile-details-btn p{color:#fff;margin:0;font-weight:400}@media screen and (max-width: 1200px){.home #timeline .timeline-wrapper .position-details-wrapper .position-details .mobile-details-btn{display:block}}.home #timeline .timeline-wrapper .position-summary-wrapper{width:calc(60% - 10px);position:relative;right:-15vw;top:0}@media screen and (max-width: 1200px){.home #timeline .timeline-wrapper .position-summary-wrapper{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);right:0;top:0;gap:30px}}.home #timeline .timeline-wrapper .position-summary-wrapper .position-summary{position:absolute;top:0;left:0;display:none}@media screen and (max-width: 1200px){.home #timeline .timeline-wrapper .position-summary-wrapper .position-summary{display:none !important;position:relative}}.home #timeline .timeline-wrapper .position-summary-wrapper .position-summary.active{display:block}.home #timeline .short-year{position:absolute;top:80px;left:-185px;width:115px;height:30px;background:#6d9eeb;display:flex;justify-content:flex-end;align-items:center;opacity:0.75;transition:all 0.3s ease-in-out}@media screen and (max-width: 1200px){.home #timeline .short-year{display:none !important}}.home #timeline .short-year.short-year-2{top:320px;display:none;width:95px;left:-336px}.home #timeline .short-year.short-year-3{top:530px;display:none;width:75px;left:-336px}.home #timeline .short-year p{display:flex;gap:5px;font-size:1.4rem;align-items:center;justify-content:center;color:#000;font-weight:600;margin:0;font-style:italic;line-height:100%;padding-right:20px}#skills{padding:80px 0;position:relative}@media screen and (max-width: 1200px){#skills .wrapper{margin:0 30px;max-width:100%}}@media screen and (max-width: 820px){#skills .wrapper .flex-row{flex-direction:column}}#skills .wrapper .col-40{position:sticky;top:25px;height:350px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-bottom:30px}@media screen and (max-width: 820px){#skills .wrapper .col-40{width:100%;align-items:flex-start;margin-bottom:0px}#skills .wrapper .col-40 .education-wrapper{width:100%}}#skills .terminal{background:#000;border:solid 1px #404040;padding:60px;border-radius:5px;height:80vh;overflow-y:scroll;box-shadow:5px 5px 20px 0px #000}@media screen and (max-width: 1200px){#skills .terminal{padding:60px 30px}}@media screen and (max-width: 820px){#skills .terminal{width:auto;height:300px}}#skills .terminal:before{content:"";width:66px;height:66px;position:absolute;top:52px;right:22px;z-index:2;background:#171717;opacity:0.5;border-radius:5px;display:none}@media screen and (max-width: 660px){#skills .terminal:before{display:block}}#skills .terminal:after{content:"";width:80px;height:80px;background:url("/wp-content/uploads/2025/05/scroll-prompt.gif") no-repeat;background-size:contain;position:absolute;top:45px;right:15px;z-index:3;display:none}@media screen and (max-width: 660px){#skills .terminal:after{display:block}}#skills .terminal::-webkit-scrollbar{width:12px;height:12px}#skills .terminal::-webkit-scrollbar-track{background:#000;border-radius:5px}#skills .terminal::-webkit-scrollbar-thumb{background:#404040;border-radius:5px;opacity:0.5}#skills .terminal h2{font-size:1rem;text-align:center;color:#fff;font-weight:700}@media screen and (max-width: 660px){#skills .terminal h2{font-size:0.5rem;margin-bottom:30px}}#skills .terminal h2:before,#skills .terminal h2:after{display:none}#skills .technical-skills-wrapper .dev-skills{padding:0}#skills .technical-skills-wrapper .typed-cursor{color:#fff;font-size:2rem;transform:scaleX(8) scaleY(1.3);display:inline-block;padding-left:2px;position:relative;top:-2px}#skills .technical-skills-wrapper .user-text{color:#6d9eeb;font-size:2.5rem}#skills .technical-skills-wrapper .typed-text{font-family:"VT323",monospace;color:#fff}#skills .technical-skills-wrapper .visible-console-text{font-size:2.5rem}#skills .technical-skills-wrapper .folder-list{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:space-between;align-items:center;gap:0px;margin-top:20px}@media screen and (max-width: 800px){#skills .technical-skills-wrapper .folder-list{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 600px){#skills .technical-skills-wrapper .folder-list{grid-template-columns:1fr}}#skills .technical-skills-wrapper .folder-list .folder{color:#fff;font-family:"VT323",monospace;font-size:2rem}html,body{font-size:10px}h2{margin:0}h1,h2,h3,h4,h5,p,ul,ol,li{color:#000;margin-top:0}h1{font-family:"Jost",sans-serif;font-weight:100;font-size:4rem;margin-bottom:30px}h2{font-family:"Jost",sans-serif;font-weight:400;font-size:3rem;margin-bottom:60px;position:relative}h2:after{content:"";height:5px;width:175px;background:#6d9eeb;position:absolute;bottom:-30px;left:0px}h2:before{content:"";height:5px;width:175px;background:#6d9eeb;position:absolute;bottom:-15px;left:-60px}h3{font-family:"Jost",sans-serif;color:#6d9eeb;font-size:2rem}p,li{font-size:1.7rem;font-weight:300;font-family:"Jost",sans-serif;margin-bottom:20px}a{font-size:1.7rem;font-weight:300;font-family:"Jost",sans-serif;margin-bottom:20px;color:#000}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.lity-content{padding:50px 10%;background:#000;max-width:100%;margin:0 auto}.lity-content .position-summary{display:block}.lity-content .position-summary p,.lity-content .position-summary li,.lity-content .position-summary a{color:#fff}