:root{--navy-shadow:rgba(2,12,27,.7);--background-color:#1b1c1e;--background-color-nav:rgba(27,28,30,.85);--lightest-navy:#18191a;--light-navy:#000814;--dark-slate:#495670;--slate:#8892b0;--light-slate:#ccd6f6;--lightest-slate:#a8b2d1;--theme-color:#ffdb58;--overlay-color:#ffdb584d;--project-text-color:#ccd6f6;--tsm:13px;--tsm1:14px;--tsm2:15px;--tbase:16px;--tlarge:18px;--tlarge2:22px;--txlarge:25px;--tx2large:32px;--tgiant:clamp(40px,8vw,80px);--raleway:"Raleway",sans-serif;--fira-code:"Fira Code",monospace}:root.light{--background-color:#f7f7f7;--background-color-nav:hsla(0,0%,97%,.85);--lightest-navy:#b4b8c1;--light-navy:#c7cad0;--dark-slate:#030712;--slate:#111827;--light-slate:#1f2937;--lightest-slate:#374151;--theme-color:#976142;--overlay-color:#0000004d;--project-text-color:#fff}@media screen and (max-width:480px){:root{--tx2large:25px}}body{background-color:var(--background-color);transition:background-color .3s ease-in-out}body,html{scroll-behavior:smooth!important;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}.imp,.link{color:var(--theme-color)}.link{text-decoration:none;display:inline-block;position:relative}.link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:.5px;bottom:0;left:0;background-color:var(--theme-color);transform-origin:bottom right;transition:transform .25s ease-out}.link:focus:after,.link:hover:after{transform:scaleX(1);transform-origin:bottom left}.link:focus{outline:none}::-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}main{margin:0 15rem;transition:.3s ease-in-out}@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}}.blur{filter:blur(10px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#logo{color:var(--theme-color);height:100%;width:100%;fill:none}#logo:focus,#logo:hover{fill:rgba(100,250,217,.102)}.btn{padding:.75rem 1rem;color:var(--theme-color);text-decoration:none;background-color:transparent;border:1px solid var(--theme-color);border-radius:4px;font-size:var(--tsm);outline:none}.btn:focus,.btn:hover{background-color:var(--light-navy)}.social-icons{position:fixed;bottom:0;left:4rem}.social-icons-list{list-style-type:none;display:flex;flex-direction:column;gap:.5rem}.social-icons-list-item{font-size:var(--tlarge2);display:flex;justify-content:center;align-items:center;transition:.3s ease-in-out}.social-icons-list-item-link{padding:10px;color:var(--lightest-slate);transition:.3s ease-in-out;outline:2px dashed transparent}.social-icons-list-item-link:hover{color:var(--theme-color)}.social-icons-list-item-link:focus{outline-color:var(--theme-color);transform:translateY(-4px);color:var(--theme-color)}.social-icons-list-item:hover{transform:translateY(-4px)}.social-icons-list-item:last-child{margin-bottom:2rem}.social-icons-list:after{content:"";display:block;width:2px;height:90px;background-color:var(--lightest-slate);margin:0 auto}@media screen and (max-width:1080px){.social-icons{left:2rem}}@media screen and (max-width:768px){.social-icons{margin-bottom:2rem;position:inherit;justify-content:space-around;align-items:center}.social-icons,.social-icons-list{display:flex;flex-direction:row}.social-icons-list-item{font-size:var(--tlarge);display:flex;justify-content:center;align-items:center;transition:.3s ease-in-out}.social-icons-list-item:last-child{margin-bottom:0}.social-icons-list:after{display:none}}nav{min-height:60px;z-index:100;background-color:var(--background-color-nav);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav,nav .wrapper{width:100%;transition:.3s ease-in-out}nav .wrapper{padding:0 4rem;display:flex;align-items:center;justify-content:space-between;position:relative}nav .wrapper .navb{display:flex;flex-direction:row;gap:3rem}nav .wrapper .navb .theme .toggle-button{cursor:pointer;outline:2px dashed transparent;border:none;transition:.3s ease-in-out;background-color:inherit}nav .wrapper .navb .theme .toggle-button:focus{outline-color:var(--theme-color)}nav .wrapper .navb .theme .icon{font-size:var(--tx2large);color:var(--lightest-slate);transition:.3s ease-in-out;background-color:inherit}nav .wrapper .navb .theme .icon:focus,nav .wrapper .navb .theme .icon:hover{color:var(--theme-color)}nav .wrapper .navb .nav-items{display:flex;align-items:center;gap:3rem;font-size:var(--tsm1);color:var(--lightest-slate);font-family:var(--fira-code)}nav .wrapper .navb .nav-items-list{display:flex;align-items:center;gap:3rem;list-style-type:none}nav .wrapper .navb .nav-items-list-item a{color:inherit;text-decoration:none;padding:10px;outline:2px dashed transparent;transition:.3s ease-in-out}nav .wrapper .navb .nav-items-list-item:hover{color:var(--theme-color)}nav .wrapper .navb .nav-items-list-item a:focus{outline-color:var(--theme-color)}nav .wrapper .logo a{color:var(--theme-color);display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;fill:none;margin:2rem 0;cursor:pointer;outline:2px dashed transparent;transition:.3s ease-in-out}nav .wrapper .logo a:focus{outline-color:var(--theme-color)}nav .wrapper .nav-responsive-toggle{display:none;color:var(--theme-color);font-size:var(--tlarge2);justify-content:center;align-items:center;transition:.3s ease-in-out;z-index:15;cursor:pointer}@media screen and (max-width:1024px){nav .wrapper{padding:0 2rem}nav .wrapper .nav-responsive-toggle{display:flex;z-index:15}nav .wrapper .nav-items{position:fixed;height:100vh;right:0;width:0;opacity:0;visibility:hidden;top:0;padding:50px 10px;background-color:var(--light-navy);flex-direction:column;justify-content:center;align-items:center;transition:.3s ease-in-out;z-index:11}nav .wrapper .nav-items-list{flex-direction:column}nav .wrapper .nav-responsive{width:min(75vw,400px);visibility:visible;opacity:1}nav .wrapper .theme{visibility:visible;opacity:1;z-index:15}}.intro{margin-top:12rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;min-height:60vh}.intro-title{font-size:var(--tlarge2);color:var(--theme-color);font-family:var(--fira-code)}.intro-title-large{font-size:var(--tgiant);font-family:var(--raleway);color:var(--light-slate)}.intro-title-sub{font-size:var(--tx2large);color:var(--lightest-slate)}.intro-text{font-size:var(--tlarge);color:var(--slate);margin-right:40%;letter-spacing:.07rem;line-height:1.6rem;font-weight:600;font-family:var(--raleway)}@media screen and (max-width:1080px){.intro-text{width:90%}}@media screen and (max-width:768px){.intro-text{width:90%}}.about{margin:15rem 0}.about .title{font-family:var(--raleway);color:var(--lightest-slate);position:relative}.about .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.about .title h2:after{content:"";display:block;position:absolute;top:20px;width:300px;height:2px;margin-left:180px;background-color:var(--theme-color)}.about-grid{display:grid;grid-template-columns:60% 40%;grid-gap:1rem;gap:1rem}.about-grid-info{display:flex;flex-direction:column;gap:1rem}.about-grid-info-text{color:var(--slate);margin-right:10%;font-size:var(--tlarge);letter-spacing:.07rem;line-height:1.6rem;font-family:var(--raleway);font-weight:500}.about-grid-info-list{display:grid;grid-template-columns:repeat(4,1fr);list-style-type:none;padding:0 1rem}.about-grid-info-list-item{font-family:var(--raleway);line-height:1.7rem;color:var(--slate);font-weight:500;font-size:var(--tbase);position:relative}.about-grid-info-list-item:before{content:"▹";display:block;position:absolute;top:6px;left:-20px;color:var(--theme-color);line-height:12px}.about-grid-photo{position:relative;width:max-content;height:max-content}.about-grid-photo .overlay{transition:.3s ease-in-out;z-index:1;position:absolute;height:450px;width:350px;background-color:var(--overlay-color);border-radius:.2rem}.about-grid-photo .overlay-border{z-index:-3;height:100%;width:100%;position:absolute;border:2px solid var(--theme-color);top:1rem;left:1rem;border-radius:.2rem;transition:.3s ease-in-out}.about-grid-photo:hover .overlay{background-color:transparent}.about-grid-photo:hover .overlay-border{top:.5rem;left:.5rem}.about-grid-photo:hover img{filter:none}.about-grid-photo-container{position:relative;height:450px;width:350px;object-fit:cover}.about-grid-photo-container img{z-index:0;filter:grayscale(100%);transition:.3s ease-in-out;border-radius:.2rem}@media screen and (max-width:1024px){.about{margin:5rem 0}.about-grid{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse}.about-grid-photo{margin-bottom:2rem}.about-grid-photo .overlay,.about-grid-photo-container{height:380px;width:300px}.about-grid-info-list{grid-template-columns:1fr}.about-grid-info-text{margin-right:0}}@media screen and (max-width:768px){.about{margin:5rem auto}.about .title h2:after{width:200px}.about-grid{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse}.about-grid-photo{margin-top:2rem}.about-grid-photo .overlay,.about-grid-photo-container{height:380px;width:300px}.about-grid-info-text{margin-right:0}}@media screen and (max-width:480px){.about .title h2:after{margin-left:140px;width:150px}.about-grid-photo .overlay,.about-grid-photo-container{height:283px;width:223px}}.experience{margin:15rem auto;max-width:700px}.experience .title{font-family:var(--raleway);color:var(--lightest-slate);position:relative}.experience .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.experience .title h2:after{content:"";display:block;position:absolute;top:20px;width:300px;height:2px;margin-left:320px;background-color:var(--theme-color)}.experience .container{display:grid;grid-template-columns:20% 70%;grid-gap:1rem;gap:1rem}.experience .container .exp-slider{position:relative;list-style-type:none;height:max-content}.experience .container .exp-slider .underline{background-color:var(--theme-color);position:absolute;left:-.5px;top:0;height:4rem;width:3px;transition:.3s ease-in-out}.experience .container .exp-slider:before{position:absolute;content:"";left:0;height:100%;width:1px;background-color:var(--lightest-navy)}.experience .container .exp-slider-item{height:4rem;padding:0 1.5rem;cursor:pointer;width:100%;display:flex;align-items:center}.experience .container .exp-slider-item span{display:flex;justify-content:center;align-items:center;color:var(--slate);font-size:var(--tsm1);font-family:var(--fira-code)}.experience .container .exp-slider-item:hover{background-color:var(--light-navy)}.experience .container .exp-slider-item-selected span,.experience .container .exp-slider-item:hover span{color:var(--theme-color)}.experience .container .exp-details{height:40vh;font-family:var(--raleway)}.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)}.experience .container .exp-details-list{list-style-type:none;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-left:20px}.experience .container .exp-details-list-item{font-weight:500;position:relative;color:var(--slate)}.experience .container .exp-details-list-item:before{content:"▹";display:block;position:absolute;top:6px;left:-20px;color:var(--theme-color);line-height:12px}@media screen and (max-width:968px){.experience .title h2:after{width:200px}}@media screen and (max-width:600px){.experience{margin:5rem auto}.experience .container{grid-template-columns:1fr;padding:1rem}.experience .container .exp-details{height:max-content}.experience .container .exp-slider{display:flex;overflow-x:scroll}.experience .container .exp-slider-item{padding:0 1rem;width:100rem}.experience .container .exp-slider .underline,.experience .container .exp-slider:before{display:none}}@media screen and (max-width:480px){.experience .title h2:after{margin-left:240px;width:100px}}.projects{margin:15rem 0}.projects .title{font-family:var(--raleway);color:var(--lightest-slate);position:relative}.projects .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.projects .title h2:after{content:"";display:block;position:absolute;top:20px;width:300px;height:2px;margin-left:370px;background-color:var(--theme-color)}.projects-container{display:flex;flex-direction:column;gap:10rem}.projects-container .project{position:relative;display:flex;justify-content:flex-end}.projects-container .project-image{position:absolute;top:0;left:0}.projects-container .project-image-container{position:relative;width:580px;height:360px}.projects-container .project-image-overlay{transition:.3s ease-in-out;z-index:1;position:absolute;width:100%;height:100%;background-color:var(--overlay-color)}.projects-container .project-image img{z-index:0;filter:grayscale(100%);transition:.3s ease-in-out}.projects-container .project-image:hover .project-image-overlay{background-color:transparent}.projects-container .project-image:hover img{filter:none}.projects-container .project-info{z-index:5;width:520px;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.projects-container .project-info-overline{color:var(--theme-color);font-family:var(--fira-code)}.projects-container .project-info-title{width:max-content;color:var(--lightest-slate);font-size:var(--txlarge);font-family:var(--raleway);cursor:pointer;transition:.3s ease-in-out}.projects-container .project-info-title:hover{color:var(--theme-color)}.projects-container .project-info-description{background-color:var(--light-navy);filter:drop-shadow(0 0 1px var(--light-slate));border-radius:.2rem}.projects-container .project-info-description p{color:var(--light-slate);font-family:var(--raleway);padding:2rem;text-align:end}.projects-container .project-info-tech-list{display:flex;list-style-type:none;gap:1rem;flex-wrap:wrap}.projects-container .project-info-tech-list-item{color:var(--light-slate);font-family:var(--raleway)}.projects-container .project-info-links{font-size:var(--tlarge2);list-style-type:none;display:flex;gap:1rem}.projects-container .project-info-links-item{transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center}.projects-container .project-info-links-item-link{padding:10px;color:var(--lightest-slate);transition:.3s ease-in-out;outline:2px dashed transparent}.projects-container .project-info-links-item-link:hover{color:var(--theme-color)}.projects-container .project-info-links-item-link:focus{outline-color:var(--theme-color);transform:translateY(-4px);color:var(--theme-color)}.projects-container .project:nth-of-type(2n){justify-content:flex-start}.projects-container .project:nth-of-type(2n) .project-image{right:0;left:auto}.projects-container .project:nth-of-type(2n) .project-info{align-items:flex-start}.projects-container .project:nth-of-type(2n) .project-info-description p{text-align:start}@media screen and (max-width:1100px){.projects-container{align-items:center}.projects-container .project{justify-content:flex-start}.projects-container .project .project-info{width:600px;height:300px;background-color:rgba(24,25,26,.592);align-items:flex-start;padding:1rem}.projects-container .project .project-info-description{background-color:transparent}.projects-container .project .project-info-description p{padding:0;text-align:start;color:var(--project-text-color)}.projects-container .project .project-info-tech-list-item{color:var(--project-text-color)}.projects-container .project .project-info-links{font-size:var(--tlarge)}.projects-container .project .project-info-links-item-link{color:var(--project-text-color)}.projects-container .project:nth-of-type(2n) .project-image{left:0;right:auto}}@media screen and (max-width:680px){.projects{margin:5rem 0}.projects-container .project .project-info,.projects-container .project-image-container{width:500px;height:300px}}@media screen and (max-width:600px){.projects-container .project .project-info,.projects-container .project-image-container{width:350px;height:400px}}@media screen and (max-width:968px){.projects .title h2:after{width:100px}}@media screen and (max-width:600px){.projects .title h2:after{display:none}}.contact{max-width:700px;margin:15rem auto;display:flex;gap:1rem;justify-content:center;align-items:center;flex-direction:column}.contact .contact-title{color:var(--theme-color);font-size:var(--tlarge2);font-family:var(--fira-code);font-weight:300}.contact .contact-sub-title{font-size:var(--tgiant);color:var(--light-slate);font-family:var(--raleway)}.contact .contact-text{color:var(--slate);font-size:var(--tlarge);letter-spacing:.07rem;line-height:1.6rem;font-family:var(--raleway);font-weight:600;text-align:center}.contact .contact-form-div{position:relative;margin-bottom:2rem;height:4rem;width:750px}.contact .contact-form-input{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--light-slate);color:var(--lightest-slate);background:none;outline:none;border-radius:.75rem;padding:1.5rem;z-index:1;font-family:var(--raleway);font-size:var(--tbase)}.contact .contact-form-tag{font-family:var(--fira-code);position:absolute;top:-.75rem;left:1.25rem;font-size:var(--tsm1);color:var(--theme-color);padding:.25rem;background:var(--background-color);z-index:10}.contact .contact-form-area{height:11rem}.contact .contact-form-area textarea{resize:none}.contact .contact-cta{margin-top:2rem}.contact .contact-cta .btn{padding:1rem 2rem;font-size:var(--tbase);font-family:var(--raleway)}@media screen and (max-width:1080px){.contact{margin:10rem 0}.contact .contact-form-div{width:650px}}@media screen and (max-width:768px){.contact{margin:10rem 0}.contact .contact-form-div{width:500px}.contact .contact-form-input{font-size:var(--tsm1)}.contact .contact-cta .btn{font-size:var(--tsm2);font-family:var(--raleway)}}@media screen and (max-width:480px){.contact{margin-top:10rem;margin-bottom:5rem}.contact .contact-form-div{width:300px;height:3rem}.contact .contact-form-area{height:9rem}.contact .contact-form-input{font-size:var(--tsm)}.contact .contact-cta .btn{padding:.75rem 1.5rem;font-size:var(--tsm1);font-family:var(--raleway)}}.loader{color:var(--theme-color);fill:none;display:flex;justify-content:center;align-items:center;overflow:hidden;height:90vh}.loader svg{height:10rem!important;width:10rem!important}