:root{--tsm:13px;--tsm1:14px;--tsm2:15px;--tbase:16px;--tlarge:18px;--tlarge2:22px;--txlarge:25px;--tx2large:32px;--tgiant:clamp(40px,8vw,80px)}@media screen and (max-width:480px){:root{--tx2large:25px}}:root{--navy-shadow:rgba(2,12,27,.7);--background-color:#0a192f;--lightest-navy:#233554;--light-navy:#112240;--dark-slate:#495670;--slate:#8892b0;--light-slate:#ccd6f6;--lightest-slate:#a8b2d1;--theme-color:#9d00ff}::selection{color:#fff;background:var(--theme-color)}html,body{scroll-behavior:smooth!important}body{background-color:var(--background-color);counter-reset:title}main{transition:all .3s ease-in-out}.blur{filter:blur(10px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--dark-slate)var(--background-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background-color:var(--dark-slate);border:3px solid var(--background-color);border-radius:10px}#logo{color:var(--theme-color);fill:none;width:100%;height:100%}.btn{color:var(--theme-color);border:1px solid var(--theme-color);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--tsm);background-color:transparent;border-radius:4px;outline:none;padding:.75em 1em;text-decoration:none}.btn:hover,.btn:focus{background-color:var(--lightest-navy)}.social-icons{position:fixed;bottom:0;left:4rem}.social-icons-list{flex-direction:column;gap:.5rem;list-style-type:none;display:flex}.social-icons-list-item{font-size:var(--tlarge2);justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex}.social-icons-list-item-link{color:var(--lightest-slate);outline:2px dashed transparent;padding:10px;transition:all .3s ease-in-out}.social-icons-list-item-link:hover{color:var(--theme-color)}.social-icons-list-item-link:focus{outline-color:var(--theme-color);color:var(--theme-color);transform:translateY(-4px)}.social-icons-list-item:hover{transform:translateY(-4px)}.social-icons-list-item:last-child{margin-bottom:2rem}.social-icons-list:after{content:"";background-color:var(--light-slate);width:2px;height:90px;margin:0 auto;display:block}@media screen and (max-width:1080px){.social-icons{left:2rem}}@media screen and (max-width:768px){.social-icons{display:none}}.email{flex-direction:column;gap:1.5rem;display:flex;position:fixed;bottom:0;right:4rem}.email-link{writing-mode:vertical-rl;color:var(--light-slate);font-family:var(--fira-code);font-size:var(--tsm2);letter-spacing:.1rem;outline:2px dashed transparent;margin-bottom:20px;padding:10px;text-decoration:none;transition:all .3s ease-in-out}.email-link:hover{color:var(--theme-color)}.email-link:focus{outline-color:var(--theme-color)}.email:after{content:"";background-color:var(--light-slate);width:2px;height:90px;margin:0 auto;display:block}@media screen and (max-width:1080px){.email{right:2rem}}@media screen and (max-width:768px){.email{display:none}}main{margin:0 15rem}@media screen and (max-width:1020px){main{margin:0 8rem}}@media screen and (max-width:768px){main{margin:0 3rem}}@media screen and (max-width:480px){main{margin:0 1.5rem}}body{max-width:100vw;overflow-x:hidden}nav{min-height:60px}nav .wrapper{justify-content:space-between;align-items:center;width:100%;padding:0 4rem;transition:all .3s ease-in-out;display:flex;position:relative}nav .wrapper .brand a{color:var(--theme-color);fill:none;cursor:pointer;outline:2px dashed transparent;justify-content:center;align-items:center;width:3rem;height:3rem;margin:2rem 0;transition:all .3s ease-in-out;display:flex}nav .wrapper .brand a:hover{fill:rgba(100,250,217,.1)}nav .wrapper .brand a:focus{outline-color:var(--theme-color);fill:rgba(100,250,217,.1)}nav .wrapper .nav-responsive-toggle{color:var(--theme-color);font-size:var(--tlarge2);z-index:15;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:none}nav .wrapper .nav-items{color:var(--lightest-slate);font-family:var(--fira-code);font-weight:500;font-size:var(--tsm1);counter-reset:nav-list;gap:3em;display:flex}nav .wrapper .nav-items-list{gap:3rem;list-style-type:none;display:flex}nav .wrapper .nav-items-list-item a{color:inherit;outline:2px dashed transparent;padding:10px;text-decoration:none;transition:all .3s ease-in-out}nav .wrapper .nav-items-list-item a:before{counter-increment:nav-list;content:"0" counter(nav-list)". ";color:var(--theme-color)}nav .wrapper .nav-items-list-item a:focus{outline-color:var(--theme-color)}nav .wrapper .nav-items-list-item:hover{color:var(--theme-color)}@media screen and (max-width:1020px){nav .wrapper{padding:0 2rem}nav .wrapper .nav-responsive-toggle{z-index:15;display:flex}nav .wrapper .nav-items{opacity:0;visibility:hidden;background-color:var(--light-navy);z-index:11;flex-direction:column;justify-content:center;align-items:center;width:0%;height:100vh;padding:50px 10px;transition:all .3s ease-in-out;position:fixed;top:0;right:0}nav .wrapper .nav-items-list{flex-direction:column}nav .wrapper .nav-responsive{visibility:visible;opacity:1;width:min(75vw,400px)}}nav .blur-nav{z-index:100;height:80px;box-shadow:0 10px 30px -10px var(--navy-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(10,25,47,.85);transition:all .3s ease-in-out;position:fixed;top:0}.hero{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;max-width:900px;min-height:80vh;margin-top:3rem;margin-left:max(6rem,min(10vw,12rem));margin-right:max(6rem,min(10vw,12rem));padding:0 2rem;display:flex}.hero-title{color:var(--theme-color);font-size:var(--tlarge);font-family:var(--fira-code)}.hero-title-large{font-size:var(--tgiant);font-family:var(--raleway);color:var(--light-slate)}.hero-subtitle{color:var(--lightest-slate);font-size:var(--txl)}.hero-text{color:var(--slate);font-size:var(--tlarge);letter-spacing:.07rem;font-weight:500;line-height:1.8rem;font-family:var(--raleway);max-width:650px}.hero-button{margin-top:2rem}.hero-button .btn{font-size:var(--tsm1);padding:1rem 2rem}@media screen and (max-width:1080px){.hero{margin-left:2rem;margin-right:2rem}}@media screen and (max-width:768px){.hero{min-height:auto;margin:4rem 1rem}.hero-text{max-width:100%}}.about{max-width:1200px;margin:10rem auto;padding:4rem 5rem}.about .title{font-family:var(--raleway);color:var(--lightest-slate);margin-bottom:3rem;position:relative}.about .title h2{font-size:var(--tx2large);white-space:nowrap;margin-bottom:2rem;font-weight:700}.about .title h2:before{counter-increment:title;content:"0" counter(title)".";color:var(--theme-color);margin-right:.5rem}.about .title h2:after{content:"";background-color:var(--lightest-navy);width:260px;max-width:30vw;height:2px;margin-left:220px;display:block;position:absolute;top:22px}.about-grid{grid-template-columns:60% 40%;align-items:center;gap:2rem;display:grid}.about-grid-info{flex-direction:column;gap:1.2rem;display:flex}.about-grid-info-text{color:var(--slate);font-size:var(--tlarge);letter-spacing:.04rem;font-weight:500;line-height:1.8rem;font-family:var(--raleway);margin-right:5%}.about-grid-info-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem;padding:0 2rem;list-style-type:none;display:grid}.about-grid-info-list-item{font-family:var(--raleway);font-weight:500;line-height:1.6rem;font-size:var(--tbase);color:var(--slate);padding-left:1.2rem;position:relative}.about-grid-info-list-item:before{content:"▹";color:var(--theme-color);font-size:1rem;position:absolute;top:.1rem;left:0}.about-grid-photo{width:max-content;height:max-content;margin:0 auto;position:relative}.about-grid-photo:hover .overlay{background-color:transparent}.about-grid-photo:hover .overlay-border{top:.6rem;left:.6rem}.about-grid-photo:hover img{filter:none;transform:scale(1.02)}.about-grid-photo .overlay{z-index:1;background-color:rgba(157,0,255,.3);border-radius:.4rem;width:350px;height:350px;transition:all .3s ease-in-out;position:absolute}.about-grid-photo .overlay-border{z-index:-3;border:2px solid var(--theme-color);border-radius:.4rem;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:1rem;left:1rem}.about-grid-photo-container{object-fit:cover;width:350px;height:350px;position:relative}.about-grid-photo-container img{z-index:0;filter:grayscale();border-radius:.4rem;transition:all .4s ease-in-out}@media screen and (max-width:1080px){.about{margin:7rem auto}.about-grid{grid-template-columns:55% 45%}.about-grid-photo .overlay,.about-grid-photo-container{width:280px;height:280px}}@media screen and (max-width:900px){.about-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.about-grid-info-text{margin-right:0}.about-grid-info-list{grid-template-columns:repeat(2,1fr);padding:0}.about-grid-photo{margin-top:2rem}.about-grid-photo .overlay,.about-grid-photo-container{width:280px;height:280px}}@media screen and (max-width:600px){.about{margin:5rem auto}.about .title h2:after{width:140px;margin-left:140px}.about-grid{gap:2rem}.about-grid-info-list{grid-template-columns:1fr}.about-grid-photo .overlay,.about-grid-photo-container{width:220px;height:220px}}.experience{max-width:1200px;margin:10rem auto;padding:10rem 5rem}.experience .title{font-family:var(--raleway);color:var(--lightest-slate);margin-bottom:4rem;position:relative}.experience .title h2{font-size:var(--tx2large);white-space:nowrap;margin-bottom:2rem;font-weight:700}.experience .title h2:before{counter-increment:title;content:"0" counter(title)".";color:var(--theme-color);margin-right:.5rem}.experience .title h2:after{content:"";background-color:var(--lightest-navy);width:260px;max-width:30vw;height:2px;margin-left:370px;display:block;position:absolute;top:22px}.experience .container{grid-template-columns:25% 75%;align-items:start;gap:2rem;display:grid}.experience .container .exp-slider{margin:0;padding:0;list-style-type:none;position:relative}.experience .container .exp-slider .underline{background-color:var(--theme-color);width:3px;height:2.5rem;transition:all .3s ease-in-out;position:absolute;top:0;left:-.5px}.experience .container .exp-slider:before{content:"";background-color:var(--lightest-navy);width:1px;height:100%;position:absolute;left:0}.experience .container .exp-slider-item{cursor:pointer;align-items:center;width:100%;height:2.5rem;padding:0 1.5rem;transition:background-color .3s ease-in-out;display:flex}.experience .container .exp-slider-item span{color:var(--slate);font-family:var(--fira-code);font-size:var(--tsm1)}.experience .container .exp-slider-item:hover{background-color:var(--light-navy)}.experience .container .exp-slider-item:hover span,.experience .container .exp-slider-item-selected span{color:var(--theme-color)}.experience .container .exp-details{font-family:var(--raleway);flex-direction:column;gap:1rem;display:flex}.experience .container .exp-details-position{color:var(--lightest-slate)}.experience .container .exp-details-position-company{color:var(--theme-color)}.experience .container .exp-details-range{color:var(--light-slate);font-size:var(--tbase)}.experience .container .exp-details-list{flex-direction:column;gap:1.5rem;margin-top:2rem;padding-left:20px;line-height:1.5rem;list-style-type:none;display:flex}.experience .container .exp-details-list-item{color:var(--slate);font-weight:500;position:relative}.experience .container .exp-details-list-item:before{content:"▹";color:var(--theme-color);line-height:12px;position:absolute;top:6px;left:-20px}.experience .link{color:var(--theme-color);text-decoration:none}@media screen and (max-width:1080px){.experience{margin:7rem auto}.experience .container{grid-template-columns:30% 70%}}@media screen and (max-width:900px){.experience .container{text-align:center;grid-template-columns:1fr;gap:3rem}.experience .container .exp-slider{justify-content:center;display:flex;overflow-x:auto}.experience .container .exp-slider:before,.experience .container .exp-slider .underline{display:none}.experience .container .exp-slider-item{height:auto;padding:0 1rem}.experience .container .exp-details{align-items:center}.experience .container .exp-details-list{text-align:left;padding:0}}@media screen and (max-width:600px){.experience{margin:5rem auto}.experience .title h2:after{width:140px;margin-left:140px}.experience .container{gap:2rem}.experience .container .exp-slider{gap:1rem}}.projects{max-width:1200px;margin:10rem auto;padding:4rem 5rem}.projects .title{font-family:var(--raleway);color:var(--lightest-slate);margin-bottom:4rem;position:relative}.projects .title h2{font-size:var(--tx2large);white-space:nowrap;margin-bottom:2rem;font-weight:700}.projects .title h2:before{counter-increment:title;content:"0" counter(title)".";color:var(--theme-color);margin-right:.5rem}.projects .title h2:after{content:"";background-color:var(--lightest-navy);width:260px;max-width:30vw;height:2px;margin-left:40px;position:absolute;top:22px}.projects-container{flex-direction:column;gap:6rem;display:flex}.projects .project{align-items:center;min-height:320px;display:flex;position:relative}.projects .project-image{position:absolute;top:0;left:0}.projects .project-image-container{width:600px;height:320px;position:relative}.projects .project-image-overlay{z-index:1;background-color:rgba(157,0,255,.3);transition:all .3s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.projects .project-image img{filter:grayscale();transition:all .3s ease-in-out}.projects .project-image:hover .project-image-overlay{background-color:transparent}.projects .project-image:hover img{filter:none}.projects .project-info{z-index:5;flex-direction:column;align-items:flex-end;gap:.8rem;width:520px;margin-left:auto;display:flex}.projects .project-info-overline{font-family:var(--fira-code);color:var(--theme-color)}.projects .project-info-title{font-size:var(--txlarge);font-family:var(--raleway);color:var(--lightest-slate);cursor:pointer}.projects .project-info-title:hover{color:var(--theme-color)}.projects .project-info-description{background-color:var(--light-navy);border-radius:.3rem}.projects .project-info-description p{color:var(--light-slate);text-align:right;padding:2rem}.projects .project-info-tech-list{flex-wrap:wrap;gap:1rem;list-style:none;display:flex}.projects .project-info-tech-list li{font-family:var(--raleway);color:var(--light-slate)}.projects .project-info-links{font-size:var(--tlarge2);gap:1rem;list-style:none;display:flex}.projects .project-info-links a{color:var(--lightest-slate)}.projects .project-info-links a:hover{color:var(--theme-color)}.projects .project:nth-of-type(2n){flex-direction:row-reverse}.projects .project:nth-of-type(2n) .project-image{left:auto;right:0}.projects .project:nth-of-type(2n) .project-info{align-items:flex-start;margin-left:0;margin-right:auto}.projects .project:nth-of-type(2n) .project-info-description p{text-align:left}@media screen and (max-width:1100px){.projects-container{align-items:center}.projects-container .project{flex-direction:column}.projects-container .project-image{position:relative}.projects-container .project-info{background-color:rgba(31,10,44,.6);align-items:flex-start;width:600px;padding:2rem}.projects-container .project-info-description{background:0 0}.projects-container .project-info-description p{text-align:start;padding:0}.projects-container .project:nth-of-type(2n) .project-image{left:0;right:auto}}@media screen and (max-width:680px){.projects-container .project-image-container,.projects-container .project .project-info{width:500px;height:300px}}@media screen and (max-width:600px){.projects-container .project-image-container,.projects-container .project .project-info{width:350px;height:400px}.projects .title h2:after{display:none}}@media screen and (max-width:968px){.projects .title h2:after{width:100px}}.contact{max-width:1200px;margin:10rem auto;padding:4rem 5rem}.contact .title{font-family:var(--raleway);color:var(--lightest-slate);margin-bottom:3rem;position:relative}.contact .title h2{font-size:var(--tx2large);white-space:nowrap;margin-bottom:2rem;font-weight:700}.contact .title h2:before{counter-increment:title;content:"0" counter(title)".";color:var(--theme-color);margin-right:.5rem}.contact .title h2:after{content:"";background-color:var(--lightest-navy);width:260px;max-width:30vw;height:2px;margin-left:280px;display:block;position:absolute;top:22px}.contact-sub-title{font-size:max(2.8rem,min(5vw,4rem));font-family:var(--raleway);color:var(--lightest-slate);margin-bottom:1.5rem}.contact-text{max-width:600px;color:var(--slate);font-size:var(--tlarge);font-weight:500;line-height:1.8rem;font-family:var(--raleway);margin-bottom:2.5rem}.contact-cta .btn{font-size:var(--tsm1);padding:1rem 2.5rem}.contact-grid{grid-template-columns:60% 40%;align-items:center;gap:2rem;display:grid}.contact-grid-text{max-width:100%}.contact-grid-cta{align-items:flex-start;display:flex}@media screen and (max-width:1080px){.contact{margin:7rem auto;padding:3rem 4rem}.contact-grid{grid-template-columns:55% 45%}}@media screen and (max-width:900px){.contact{text-align:center;margin:6rem auto;padding:3rem 2rem}.contact-grid{grid-template-columns:1fr;justify-items:center;gap:3rem}.contact-grid-cta{justify-content:center}}@media screen and (max-width:600px){.contact{margin:5rem auto;padding:2rem 1.5rem}.contact .title h2:after{width:140px;margin-left:200px}}footer{place-content:center;min-height:70px;padding:15px;display:flex}footer .footer-link{color:var(--theme-color);font-size:var(--tsm1);outline:2px dashed transparent;flex-direction:column;gap:.5rem;padding:10px;text-decoration:none;transition:all .3s ease-in-out;display:flex}footer .footer-link:focus{outline-color:var(--theme-color)}footer .footer-link .footer-info{font-family:var(--fira-code);text-align:center}footer .footer-link .footer-git{justify-content:center;align-items:baseline;gap:1rem;display:flex}footer .footer-link .footer-git-item{gap:.3rem;display:flex}footer .footer-link .footer-git-item-icon{justify-content:center;align-items:center;display:flex}