@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Source+Code+Pro:ital,wght@0,500;1,500&display=swap";:root{--primary-accent-color: #8146f8;--secondary-accent-color: #00afd1;--primary-secondary-gradient: linear-gradient(90deg, var(--primary-accent-color) 32%, var(--secondary-accent-color) 60%);--primary-gradient: linear-gradient(90deg, var(--primary-accent-color) 32%, #6838c7 60%);--secondary-gradient: linear-gradient(90deg, var(--secondary-accent-color) 32%, #018ca8 60%);--navbar-height: 5rem}[data-theme=light]{--primary-bg-color: #fff9f5;--primary-text-color: #313659;--secondary-text-color: #434343;--primary-fg-color: #eae5e5;--input-bg-color: #ede8e4;--icon-color: #000}[data-theme=dark]{--primary-bg-color: #1b1e3c;--primary-text-color: #e8eae9;--secondary-text-color: #434343;--primary-fg-color: #2f324d;--input-bg-color: #161830;--icon-color: #fff}.portfolio{background:var(--primary-bg-color);transition:background .2s ease}html,body{margin:0;padding:0;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;scroll-behavior:smooth}textarea,input{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--primary-text-color)}h1,h2,h3,h4,p,a{margin:0;padding:0;color:var(--primary-text-color);transition:color .2s ease}p{font-weight:300}p b{color:var(--primary-accent-color)}a{text-decoration:none;color:inherit}button,input{font-family:Inter,sans-serif;border:none;background:none;padding:0;margin:0;cursor:pointer}.text-purple-gradient{background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-color{color:var(--primary-text-color)}.accent-text{color:var(--primary-accent-color)}.secondary-text-color{color:var(--primary-fg-color)}.code-font{font-family:Source Code Pro,monospace;color:var(--primary-text-color);font-weight:500;word-spacing:-.4rem}.content-container{max-width:60rem;margin:auto;padding:0 1.5rem}.content-header-container{margin-bottom:1rem;display:flex;gap:1rem;align-items:center}.content-seperator svg{width:90%;max-width:15rem;opacity:.4;display:flex}.content-header{font-size:1.8rem}.header-subtext{color:var(--secondary-text-color);opacity:.7;font-size:.8rem}.icon{color:var(--primary-text-color);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.5rem;border-radius:100%}.small-bottom-margin{margin-bottom:1rem}.hidden{display:none!important}.fade-in{opacity:0;transform:translateY(10vh);visibility:hidden;transition:opacity .6s ease-out,transform 1.2s ease-out;will-change:opacity,visibility}.fade-in-visible{opacity:1;transform:none;visibility:visible}@font-face{font-family:hero-name-font;src:"./fonts/GTWalsheimProMedium.OTF"}.hero-background-svg{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);width:200%;opacity:.5}.hero{height:calc(100vh - var(--navbar-height) * 2);min-height:40rem;display:flex;align-items:center;padding-top:var(--navbar-height);padding-bottom:var(--navbar-height)}.hero-name{font-size:4rem;line-height:4.5rem;font-family:hero-name-font,sans-serif}.hero-text{font-size:1.25rem}.hero-img{width:16rem;height:16rem;box-sizing:border-box;background-color:var(--primary-accent-color);border-radius:100%;border:.25rem solid var(--primary-accent-color);box-shadow:0 0 10px var(--primary-accent-color);display:flex;justify-content:center;overflow:hidden;margin:auto}.hero-img img{width:100%;height:auto;display:block;object-fit:cover}.hero-buttons button{font-size:1rem;padding:.5rem 1rem;font-weight:500;border-width:2px;border-style:solid;border-image:var(--primary-gradient) 1}.hero-buttons{font-size:1.5rem;display:flex;align-items:center;gap:1rem}.hero-bio{margin:1.125rem 0 2rem}.hero-name{margin:.25rem 0 1.125rem}.hero-greeting{margin:1.125rem 0 .25rem}@media screen and (min-width: 769px){.hero-container{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%}.hero-content{width:30rem}.hero-img{width:25rem;height:25rem}.hero-greeting,.hero-img{margin:0}}.navbar{z-index:999;position:fixed;display:flex;align-items:center;justify-content:center;height:var(--navbar-height);transition:top .3s;width:100%;background:var(--primary-bg-color)}.navbar-content-container{max-width:60rem;width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 1.5rem}.navbar-scroll-up{top:calc(var(--navbar-height) * -1)}.navbar-scroll-down{top:0}.navbar a{font-family:Source Code Pro,monospace;color:var(--primary-text-color);font-weight:500;word-spacing:-.4rem}.navbar-page-links{top:5rem;right:auto;left:50%;transform:translate(-50%);position:absolute;max-width:60rem;width:100%;text-align:center;background:var(--primary-fg-color)}.navbar-page-links a{display:block;padding:1rem}.navbar-button{font-size:1.5rem}.navbar-home-button{font-size:1.5rem;margin-top:-.2501rem}.notes{padding-top:3rem;padding-bottom:3rem}.notes p{margin:1rem 0}.switch{position:relative;display:inline-block;width:4rem;height:2rem;margin:.5rem 0;user-select:none;-webkit-user-select:none}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-bg-color);transition:.4s;box-shadow:inset 0 0 3px var(--secondary-text-color)}.slider:before{position:absolute;z-index:2;content:"";height:1.8rem;width:1.8rem;left:.2rem;top:50%;transform:translateY(-50%);background-color:var(--primary-accent-color);transition:left .4s}input:checked+.slider:before{left:calc(100% - 2rem)}.slider{border-radius:100rem}.slider:before{border-radius:50%}.slider-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;font-size:1.2rem;color:var(--primary-text-color)}.slider-left{left:.4rem}.slider-right{right:.4rem}.about{padding-top:var(--navbar-height);padding-bottom:6rem}.about-img{height:35rem;width:100%;overflow:hidden;border-radius:1rem;position:relative}.about-img:hover .image-actions{visibility:visible}.about-img:hover img{filter:brightness(60%)}.image-actions{visibility:hidden}.about-img img{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:1rem;height:100%}.right-arrow svg,.left-arrow svg{position:absolute;width:5rem;height:5rem;top:50%}.left-arrow svg{left:1rem;transform:translateY(-50%) scale(-1)}.right-arrow svg{right:1rem;transform:translateY(-50%)}.about-text p,.about-text h3{margin:1rem 0}.technologies{text-align:center}.technologies ul{padding:0;list-style-type:none;color:var(--primary-text-color)}.technologies ul,.technologies h4{margin:.5rem 0}.technologies ul li{margin:.2rem 0}.technologies-icon{background-color:#6838c75b;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:100%}.technologies-card{background:var(--primary-fg-color);padding:1rem 0;border-radius:1rem}.technologies-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;padding:1rem 0 var(--navbar-height) 0}.image-swap{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.image-swap button{width:.8rem;height:.8rem;background-color:#fff;margin:0 .2rem;border-radius:100%}.image-swap button:active{transform:translateY(.1rem)}#selected-img{background-color:var(--primary-accent-color)}@media screen and (min-width: 769px){.about-content{display:flex;flex-direction:row-reverse;align-items:center;gap:1rem}.about-content p{font-size:1.2rem}.about-text{width:60rem}}.projects{padding-top:var(--navbar-height);padding-bottom:var(--navbar-height)}.project{padding-bottom:3rem}.project-img{height:20rem;border-radius:.5rem;overflow:hidden;background-size:cover}.project-img img{width:100%;height:100%}.project-feature{font-size:.8rem;font-weight:700;margin:1rem 0 0;padding-left:.5rem}.project-header{font-size:1.5rem;padding-left:.5rem}.project-description{background-color:var(--primary-accent-color);border-radius:.2rem;padding:1rem .8rem;margin:1rem 0;box-sizing:border-box}.project-description p{color:#fff}.project-actions{display:flex;gap:.5rem;padding-left:.3rem}.project-technologies-used{display:flex;flex-wrap:wrap;padding:0;list-style-type:none;gap:.5rem 1rem;padding-left:.5rem}.project-technologies-used li{color:var(--primary-text-color);opacity:.8;font-size:.9rem;font-weight:300}@media screen and (min-width: 769px){.project-text-content{width:35rem;position:relative;z-index:1}.project-description{min-height:22rem;box-shadow:0 0 1rem var(--primary-accent-color)}.project-img{width:40rem;height:25rem;position:absolute;right:0}.right-format .project-img,.right-format .project-text-content{right:auto;left:0;margin-left:auto}.right-format .project-feature,.right-format .project-header{text-align:right;padding-left:0;padding-right:.5rem}.right-format .project-technologies-used,.right-format .project-actions{flex-direction:row-reverse;padding-left:0;padding-right:.5rem}.project{padding-top:4rem;position:relative}}.footer{background:var(--primary-fg-color);height:var(--navbar-height);display:flex;align-items:center;justify-content:center;text-align:center}.footer p{margin:.2rem}.footer a{font-size:2rem;color:var(--icon-color);margin:.5rem}