*{padding:0;margin:0;box-sizing:border-box}:root{--dark-gray: #1a1a1a;--main-gray: #1f1f1f;--mid-gray: #333333;--light-gray: #9B9B9B;--top-border-gray: #5c5c5c;--btn-top-gradient: #666666;--btn-bot-gradient: #3B3B3B;--hero-label: #c9ced0;--hero-gray: #666666;--fame-btn: #A7AEB1;--white: #e0e0e0;--yellow: #F2E80C;--orange: #F0AB0F;--section-bg: #232323;--msg-blue: #3385FF;--msg-purple: #934BFF;--msg-green: #81CD39;--react-cyan: #00D8FF;--figma-orange: #A259FF;--html-orange: #E34F26;--scss-pink: #CF649A;--gsap-green: #93d400;--tailwind-blue: #38BDF8;--framer-yellow: #FEF62A;--shadow-25: #00000025;--shadow-35: #00000035}body{background-color:var(--dark-gray);width:100%;height:auto;cursor:url(/imgs/cursors/maplestory/point.png),auto}*{cursor:url(/imgs/cursors/maplestory/point.png),auto}*::selection{background-color:var(--light-gray);color:#fff}a,button,.btn-filled,.btn-big,.btn-small,.nav-container li,.project-item,.fame-up-btn,.footer-icons-flex a,.online-label-flex a,iconify-icon{cursor:url(/imgs/cursors/maplestory/point_click.png),pointer!important}*:active{cursor:url(/imgs/cursors/maplestory/point_low.png),auto!important}.loading,[aria-busy=true]{cursor:url(/imgs/cursors/maplestory/meso_coin_gold.png),wait!important}[disabled],.disabled,[aria-disabled=true]{cursor:url(/imgs/cursors/maplestory/point_lock.png),not-allowed!important}.main-container{margin:85px auto 0;background-color:var(--main-gray);max-width:1025px;height:100%;border:2px solid var(--mid-gray);border-width:0 2px 2px 2px}@media (max-width: 595px){.main-container{margin-top:0}}.top-bar{width:100%;height:50px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-family:klavika-web,sans-serif;font-weight:600;color:var(--white);border-bottom:2px solid var(--mid-gray);border-top:2px solid var(--top-border-gray);background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--main-gray) 20%)}.nav-container{width:100%;height:auto;margin-top:15px;text-transform:uppercase;font-family:klavika-web,sans-serif;font-weight:600;font-size:1.75rem;color:var(--white);display:flex;justify-content:space-between;gap:12px}.nav-container ul{display:flex;align-items:center;list-style:none}.nav-container li{border:2px solid var(--mid-gray);border-width:0 2px 0 2px;border-top:2px solid var(--top-border-gray);padding:15px 20px 10px;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--main-gray) 20%)}.nav-icon{display:none}.nav-text{display:block}.nav-left li{border-width:2px 2px 0 0}.nav-container li:nth-child(4){border-width:2px 0 0 2px}.nav-right{gap:12px}@media (max-width: 810px){.nav-container,.nav-right{gap:1vw}.nav-container li{font-size:3.65vw;padding:1.5vw 2vw 1vw}}@media (max-width: 600px){.nav-icon{display:block;padding:0;transform:translateY(2px)}.nav-text{display:none}.nav-container li{font-size:5vw;padding:5px 10px}}.main-content{border-top:2px solid var(--mid-gray);height:100%}.hero-section{width:96%;height:450px;margin:15px auto 25px;overflow:hidden;border:2px solid var(--mid-gray);font-family:Pixelify Sans,pixelify-sans,sans-serif;font-weight:400}.hero-img{width:100%;height:315px;object-fit:cover;object-position:50% 85%}.hero-container{display:flex;margin:0 auto;width:93.5%;height:93.5%;font-size:1.25rem}.hero-center-column{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}.hero-center-lvl{background-color:var(--hero-gray);color:var(--white);width:fit-content;text-wrap:nowrap;padding:10px 20px;border-radius:0 0 15px 15px;text-shadow:2px 2px 0px rgba(0,0,0,.25);position:relative;z-index:2}.hero-char-container{position:relative;top:6.5%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;will-change:transform}.chat-bubble-text{position:absolute;z-index:3;top:16.5%;left:10%;width:80%;padding:5px;text-align:left;font-size:1.1rem;white-space:pre-line}.chat-bubble-container{position:relative;animation:bubble-popup .3s cubic-bezier(.68,-.55,.265,1.55)}.chat-bubble{image-rendering:pixelated;image-rendering:crisp-edges}.hero-center-char{image-rendering:pixelated;image-rendering:crisp-edges;height:151px;width:auto}.hero-center-nametag{position:relative;top:3%;right:3%;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;background-color:var(--dark-gray);color:var(--white);text-shadow:2px 2px 0px rgba(0,0,0,.25)}.dt-logo{width:30px;height:30px}.hero-labels-container{width:100%;display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}.hero-left-column,.hero-right-column{display:flex;flex-direction:column;gap:5px;width:275px;text-wrap:nowrap;position:relative;z-index:2}.hero-left-column p,.hero-right-column p{padding:10px 15px}@media (max-width: 825px){.hero-section{height:600px}.hero-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:10px}.hero-center-column{grid-column:1/3;grid-row:1}.hero-labels-container{display:contents}.hero-left-column{grid-column:1;grid-row:2;width:100%;justify-self:center;align-self:center;gap:10px}.hero-right-column{width:100%;grid-column:2;grid-row:2;justify-self:center;align-self:center;gap:10px}}@media (max-width: 595px){.hero-section{height:800px}.hero-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}.hero-center-column{grid-column:1;grid-row:1}.hero-left-column{grid-column:1;grid-row:2;align-self:center}.hero-right-column{grid-column:1;grid-row:3;align-self:center}}.hero-label{display:flex;justify-content:space-between;background-color:var(--hero-label)}.hero-label-left{color:#fff;text-shadow:1.5px 1.5px 0px rgba(0,0,0,.25)}.hero-label-right{color:var(--hero-gray)}.fame-btn{display:flex;align-items:center;gap:8px}.fame-up-btn{display:flex;background-color:var(--fame-btn);transition:all .1s ease-in;padding:2px;cursor:pointer}.fame-up-btn:hover{transform:translateY(-2px);box-shadow:0 2px #00000080}.fame-up-btn:active{transition:all .01s ease-in;transform:translateY(.25px)}.online-label-flex{margin-right:10px;display:flex;align-items:center;gap:5px}.online-label-flex a{display:flex}.intro{width:96%;margin:0 auto;font-family:klavika-web,sans-serif;font-size:1.5rem;font-weight:400;line-height:1.75;color:var(--white);text-shadow:1.5px 1.5px 0px rgba(0,0,0,.25)}.intro p{margin-bottom:25px}.intro a{font-weight:600;color:var(--orange);text-decoration:underline}.intro .btn-filled{color:var(--main-gray)!important;text-decoration:none!important;text-shadow:none!important;vertical-align:5px;margin-left:10px}.intro .para-h1{font-weight:600;color:var(--yellow)}.intro.btn-filled{vertical-align:5px;margin-left:10px}.btn-filled{font-family:klavika-web,sans-serif;font-size:1.1rem;font-weight:700;color:var(--main-gray);padding:5px 10px;border:none;border-radius:10px;background-color:var(--yellow);cursor:pointer}.btn-big{display:block;margin:0 auto;width:96%;text-align:center;padding:10px;cursor:pointer;font-family:klavika-web,sans-serif;font-weight:600;font-size:1.5rem;color:var(--light-gray);background-color:var(--mid-gray);border:2px solid transparent;border-image:linear-gradient(to bottom,var(--btn-top-gradient),var(--btn-bot-gradient));border-image-slice:1;outline:2px solid var(--dark-gray);box-shadow:0 3px 0 1.5px var(--dark-gray)}.btn-small{display:block;padding:.5vw 2vw;cursor:pointer;font-family:klavika-web,sans-serif;font-weight:600;font-size:1.1rem;color:var(--light-gray);background-color:var(--mid-gray);border:2px solid transparent;border-image:linear-gradient(to bottom,var(--btn-top-gradient),var(--btn-bot-gradient));border-image-slice:1;outline:2px solid var(--dark-gray);box-shadow:0 3px 0 1.5px var(--dark-gray)}.featured-section{width:96%;margin:65px auto;padding:20px;background:linear-gradient(180deg,var(--section-bg) 95%,var(--mid-gray) 0%);border:2px solid var(--mid-gray);font-family:klavika-web,sans-serif}.featured-section h1{color:var(--yellow);font-size:1.5rem;margin-bottom:20px}.featured-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.featured-work{display:flex;flex-direction:column;width:100%;height:auto;padding:25px;color:var(--white);text-shadow:2px 2px 0px rgba(0,0,0,.25);background-color:var(--mid-gray);border:2px solid transparent;border-image:linear-gradient(to bottom,var(--btn-top-gradient),var(--btn-bot-gradient));border-image-slice:1;outline:1px solid var(--dark-gray);box-shadow:0 3px 0 1.5px var(--dark-gray)}.featured-work h2{font-size:1.75rem;margin-bottom:10px}.featured-work p{font-size:1.2rem;font-weight:300;line-height:1.5;margin-bottom:15px}.featured-work .tech{display:flex;gap:10px;height:auto;margin-bottom:20px}.featured-work .featured-btns{display:flex;justify-content:space-between;align-items:end;width:100%;height:100%}.featured-links{display:flex;gap:15px}.featured-links a{display:flex;gap:5px;align-items:center;color:var(--yellow);text-decoration:none;font-size:1.25rem;font-weight:600}@media (max-width: 885px){.featured-container{grid-template-columns:1fr;justify-items:center}.featured-work{width:100%}}@media (max-width: 500px){.featured-work .featured-btns{flex-direction:column;align-items:flex-start;gap:20px}.featured-work .btn-small{margin-left:0}.featured-links{width:100%;justify-content:space-between}}.msg-section{font-family:klavika-web,sans-serif;font-size:1.25rem;color:var(--white)}.msg-tab{position:relative;width:fit-content;border:solid var(--mid-gray);border-width:2px 2px 0px 0px;padding:15px 20px 10px;text-transform:uppercase;font-weight:600;font-size:1.75rem;color:var(--white)}.msg-tab:after{content:"KIND MESSAGES";position:absolute;top:0;left:0;border-bottom:2px solid var(--main-gray);padding:15px 20px 10px;text-transform:uppercase;font-weight:600;font-size:1.75rem;color:var(--white)}.msg-container{display:flex;flex-direction:column;align-items:center;padding:25px 0;border:solid var(--mid-gray);border-width:2px 0px 0px 0px}.msg{display:flex;align-items:start;gap:15px;width:96%;font-size:1.5rem;line-height:1.5;margin-bottom:25px}@media (max-width: 600px){.msg{font-size:1.25rem}}.msg-h1,.msg-h2,.msg-h3{font-weight:600}.msg-h1{color:var(--msg-blue)}.msg-h2{color:var(--msg-purple)}.msg-h3{color:var(--msg-green)}.msg a,.msg a *{cursor:url(/imgs/cursors/maplestory/point_click.png),pointer!important}.msg-icon{width:60px;border:3px solid;border-radius:50%}.msg-icon.msg1{border-color:var(--msg-blue)}.msg-icon.msg2{border-color:var(--msg-purple)}.msg-icon.msg3{border-color:var(--msg-green)}.footer{display:flex;align-items:center;font-family:klavika-web,sans-serif;color:var(--white);height:75px;padding:20px 0;border:solid var(--mid-gray);border-width:2px 0 0 0;border-top:2px solid var(--top-border-gray);background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,var(--main-gray) 20%)}.footer-container{display:flex;justify-content:space-between;align-items:center;width:96%;margin:0 auto;gap:25px}.footer-online{display:flex;gap:10px;align-items:center}.online-label-wrapper{display:flex;align-items:center;gap:10px;margin:10px}.footer-online p{font-weight:600;font-size:1.5rem}@media (max-width: 700px){.footer-container{flex-direction:column}.footer{height:150px}.footer-online{flex-direction:column;gap:5px}.footer-icons{margin-left:0}}.online-circle{width:10px;height:10px;border-radius:50%;background-color:var(--msg-green)}.footer-copyright{font-weight:400;color:var(--top-border-gray)}.footer-icons{margin-left:25px}.footer-icons-flex{display:flex;gap:20px}.footer-icons-flex a{display:flex}.about-section{width:96%;margin:20px auto;padding:50px;background:linear-gradient(180deg,var(--section-bg) 98%,var(--mid-gray) 0%);border:2px solid var(--mid-gray);font-family:klavika-web,sans-serif}.about-title{width:100%;text-align:center;font-size:3rem;color:var(--yellow);text-shadow:3px 3px 0px rgba(0,0,0,.25)}.about-photo-cards{position:relative;width:100%;height:500px;margin-bottom:25px;display:flex;justify-content:center;align-items:center}.photo-card{width:300px;height:400px;border-radius:10px;object-fit:cover;box-shadow:1px 4px 15px #00000080;border:solid var(--mid-gray);border-width:3px 0 3px 0}.photo-card:nth-child(1){position:relative;z-index:1;top:-5px;left:25px;transform:rotate(-5deg);object-position:15% 0}.photo-card:nth-child(2){position:relative;z-index:3;top:0;left:0}.photo-card:nth-child(3){position:relative;z-index:1;top:-5px;left:-15px;transform:rotate(3deg);object-position:15% 0}.about-intro{width:96%;margin:0 auto;font-family:klavika-web,sans-serif;font-size:1.5rem;font-weight:400;line-height:1.5;color:var(--white);text-shadow:1.5px 1.5px 0px rgba(0,0,0,.25)}.about-intro p{margin-bottom:25px}.about-intro .para-h1{font-weight:600;color:var(--yellow)}.grid-section{width:96%;margin:0 auto 50px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.grid-item{height:450px;padding:20px;min-width:0;color:var(--white);background-color:var(--mid-gray);border:2px solid transparent;border-image:linear-gradient(to bottom,var(--btn-top-gradient),var(--btn-bot-gradient));border-image-slice:1;outline:1px solid var(--dark-gray);box-shadow:0 3px 0 1.5px var(--dark-gray)}.grid-item.photography{grid-column:span 2}.grid-item.youtube h1,.grid-item.youtube p,.grid-item.photography h1,.grid-item.photography p{font-family:klavika-web,sans-serif;text-shadow:2px 2px 0px rgba(0,0,0,.25)}.grid-item h1{font-weight:600;color:var(--yellow);margin-bottom:.5rem}.grid-item p{font-size:1.2rem;margin-bottom:1rem}.grid-item.tech-stack,.grid-item.youtube,.grid-item.photography{position:relative}.youtube-icon-container{position:absolute;bottom:-25%;left:50%;transform:translate(-50%)}.youtube-icon{z-index:1}.grid-item.youtube .btn-filled{position:relative;z-index:5}.tech-stack-center{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.tech-stack img{filter:drop-shadow(1px 3px 5px var(--shadow-25))}.react-tech{position:absolute;top:10%;left:10%;transform:rotate(-8deg);filter:drop-shadow(1px 3px 5px var(--shadow-25))}.js-tech{position:absolute;top:10%;right:10%;transform:rotate(12deg);filter:drop-shadow(1px 3px 5px var(--shadow-25))}.threejs-tech{position:absolute;bottom:45%;left:5%;transform:rotate(-5deg);filter:drop-shadow(1px 3px 5px var(--shadow-25))}.html-tech{position:absolute;bottom:10%;right:10%;transform:rotate(15deg);filter:drop-shadow(1px 3px 5px var(--shadow-25))}.css-tech{position:absolute;top:70%;left:5%;transform:rotate(-10deg);filter:drop-shadow(1px 3px 5px var(--shadow-25))}.gsap-tech{position:absolute;top:50%;right:10%;transform:rotate(7deg);filter:drop-shadow(1px 3px 5px var(--shadow-25))}iconify-icon[icon="devicon:motion"]{transform:translateY(-4px);background-color:var(--framer-yellow);padding:3px;border-radius:5px}.tech-stack-center iconify-icon[icon="devicon:figma"]{position:absolute;bottom:5%;left:50%;transform:translate(-50%) rotate(5deg);filter:drop-shadow(1px 3px 5px var(--shadow-25))}.chat-bubble{position:relative;display:flex;flex-direction:column;align-items:center}.tech-bubble-text{display:flex;justify-content:center;align-items:center;position:absolute;top:20%;width:150px;height:50px;z-index:3;color:var(--main-gray);font-family:Pixelify Sans,pixelify-sans,sans-serif;font-size:1rem}.tech-bubble{image-rendering:pixelated;image-rendering:crisp-edges;width:200px}.tech-stack-char{width:85px;image-rendering:pixelated;image-rendering:crisp-edges}.photo-display{margin-top:50px;display:flex;position:relative}.photo-display img{width:auto;height:200px;border-radius:10px;filter:drop-shadow(1px 3px 7px var(--shadow-35))}.photo-display img:nth-child(1){z-index:3;transform:rotate(-5deg) translate(10px)}.photo-display img:nth-child(2){transform:rotate(1deg) translate(-5px) translateY(10px)}.photo-display img:nth-child(3){transform:rotate(3deg) translate(-60px) translateY(-5px)}.photo-display img:nth-child(4){z-index:3;transform:rotate(-2deg) translate(-100px) translateY(10px)}.photo-display img:nth-child(5){z-index:2;transform:rotate(8deg) translate(-105px) translateY(10px)}@media (max-width: 825px){.grid-section{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.grid-item.photography{grid-column:auto}}@media (max-width: 1025px){.photo-card{width:30vw;height:auto;aspect-ratio:3/4}.photo-card:nth-child(1){position:relative;z-index:1;top:-5px;left:25px;transform:rotate(-5deg);object-position:15% 0}.photo-card:nth-child(2){position:relative;z-index:3;top:0;left:0}.photo-card:nth-child(3){position:relative;z-index:1;top:5px;left:-15px;transform:rotate(3deg);object-position:15% 0}.photo-display img{height:19vw}}@media (max-width: 600px){.about-section{padding:20px}.photo-card:nth-child(1),.photo-card:nth-child(3){display:none}.photo-card:nth-child(2){width:80vw}.about-intro{font-size:1.25rem;width:80vw;margin:0 auto}.photo-display img{width:auto;height:30vw}.photo-display img:nth-child(4),.photo-display img:nth-child(3){display:none}.photo-display img:nth-child(1){transform:rotate(-5deg) translate(0) translateY(-5px);z-index:1}.photo-display img:nth-child(2){transform:rotate(2deg) translate(-10px) translateY(5px);z-index:3}.photo-display img:nth-child(5){transform:rotate(-3deg) translate(-20px) translateY(-5px);z-index:1}}.project-list{height:100vh}.project-item{display:grid;grid-template-columns:95px 330px 160px 1fr;align-items:center;gap:20px;padding:20px;font-family:klavika-web,sans-serif;font-size:1.75rem;font-weight:400;color:var(--white);border-bottom:2px solid var(--mid-gray)}.project-stack{display:flex;gap:7.5px;font-family:Pixelify Sans,pixelify-sans,sans-serif;font-size:1rem;color:var(--main-gray);justify-self:end}.project-stack-react{background-color:var(--react-cyan);padding:2px 10px;border-radius:5px}.project-stack-gsap{background-color:var(--gsap-green);padding:2px 10px;border-radius:5px}.project-stack-next{background-color:#000;color:#fff;padding:2px 10px;border-radius:5px}.project-stack-framer{background-color:var(--framer-yellow);padding:2px 10px;border-radius:5px}.project-stack-tailwind{background-color:var(--tailwind-blue);padding:2px 10px;border-radius:5px}.project-stack-figma{background-color:var(--figma-orange);padding:2px 10px;border-radius:5px}.project-stack-html{background-color:var(--html-orange);padding:2px 10px;border-radius:5px}.project-stack-scss{background-color:var(--scss-pink);padding:2px 10px;border-radius:5px}.project-info-container{display:flex;justify-content:space-between;margin:50px auto 0;width:96%;font-family:klavika-web,sans-serif;color:var(--white)}.project-displayImg{flex:0 1 500px}.project-detail{display:flex;flex-direction:column;justify-content:space-between}.back-btn{font-weight:300;margin-bottom:10px;font-size:1.25rem}.project-title{font-size:2.75rem;font-weight:400}.project-item .project-title{font-size:1.75rem;font-weight:400}.project-info{height:175px;display:flex;gap:55px;font-size:1.1rem;font-weight:300}.project-info ul{list-style:none}.project-info-key ul,.project-info-value ul{display:flex;flex-direction:column;gap:15px}.project-info-key li{color:var(--hero-gray)}.project-links{font-size:1.25rem;display:flex;flex-direction:row;gap:16px}.project-links a{display:flex;gap:5px;align-items:center;text-decoration:none;color:var(--yellow);font-weight:600}.project-displayImg img{width:100%;height:350px;object-fit:cover;object-position:0 0;border-radius:10px}.project-displayImg video{width:100%;height:310px;object-fit:cover;object-position:0 0;border-radius:10px}hr{margin:25px auto;width:100%;height:2px;background-color:var(--mid-gray);border:none}.project-content{width:96%;margin:0 auto;font-family:klavika-web,sans-serif;color:var(--white)}.project-content hr{width:100%}.project-para{margin-bottom:35px}.project-para h1{font-weight:600}.project-para h2{font-weight:600;margin-bottom:10px}.yellow{color:var(--yellow)}.project-para p{font-weight:100;font-size:1.25rem;line-height:1.75}.project-para ol,.project-para ul{padding:0 25px;list-style-position:inside;padding-inline-start:50px;font-weight:300;font-size:1.25rem;line-height:1.5}.project-para li{margin-bottom:5px}.project-para a{font-weight:600;color:var(--orange);text-decoration:underline}.project-para code{font-family:monospace;font-size:1rem;background-color:var(--dark-gray)}.project-para pre code{display:block}.code-tabs-container{margin:20px 0;background-color:var(--dark-gray);border:1px solid var(--mid-gray);border-radius:8px;overflow:hidden}.code-tabs-header{display:flex;background-color:var(--main-gray);border-bottom:1px solid var(--mid-gray);overflow-x:auto;gap:0}.code-tab{background:none;border:none;padding:12px 20px;color:var(--light-gray);font-family:klavika-web,sans-serif;font-size:1.15rem;font-weight:300;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;position:relative}.code-tab:hover{color:var(--white);background-color:#ffffff0d}.code-tab.active{color:var(--white);background-color:var(--dark-gray);border-bottom-color:var(--yellow);font-weight:400}.code-tabs-content{padding:20px;background-color:var(--dark-gray)}.code-tabs-content pre{background-color:transparent;border:none;padding:0;margin:0;overflow-x:auto}.code-tabs-content code{display:block}.project-img{width:100%;height:auto;padding:25px;margin-bottom:35px;color:var(--white);text-shadow:2px 2px 0px rgba(0,0,0,.25);background-color:var(--mid-gray);border:1px solid transparent;border-image:linear-gradient(to bottom,var(--btn-top-gradient),var(--btn-bot-gradient));border-image-slice:1;outline:1px solid var(--dark-gray);box-shadow:0 3px 0 1.5px var(--dark-gray);overflow:hidden;display:flex;flex-direction:column;align-items:center}@media (max-width: 1025px){.project-info{gap:30px}.project-links{gap:16px}}@media (max-width: 825px){.project-info-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px}.project-detail{grid-row:1;grid-column:1;width:100%}.back-btn,.project-title{margin-bottom:8px}.project-info{grid-row:2;grid-column:1;height:auto;gap:20px;justify-content:space-between}.project-info-key,.project-info-value{flex:1}.project-displayImg{grid-row:3;grid-column:1;width:100%;flex:0 1 auto}.project-displayImg img{width:100%;height:350px}.project-displayImg video{width:100%;height:350px}.project-links{grid-row:4;grid-column:1;gap:16px;margin-top:15px}}@media (max-width: 1000px){.project-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:10px;padding:15px}.project-year{grid-column:1;grid-row:1;font-size:1.5rem}.project-item .project-title{grid-column:2;grid-row:1;font-size:1.5rem}.project-category{grid-column:1;grid-row:2;font-size:1rem;margin-right:10px;white-space:nowrap}.project-stack{grid-column:2;grid-row:2;justify-self:start;flex-wrap:wrap;gap:5px}}.project-img-carousel{display:flex;gap:10px}.project-img h1{font-family:Pixelify Sans,pixelify-sans,sans-serif;font-size:1.75rem;font-weight:400;margin-bottom:25px}.project-img img{width:auto;height:500px;filter:drop-shadow(1px 3px 5px var(--shadow-25))}@media (max-width: 600px){.project-img{padding:2%}.project-img-carousel{flex-direction:column}}.project-img.autowidth img{width:100%;height:auto}.project-img iframe{width:100%;min-height:600px}.project-navigation{width:90%;display:flex;justify-content:space-between;align-items:flex-start;margin:100px auto 75px}.project-navigation a{color:var(--white);text-decoration:none;font-family:klavika-web,sans-serif;font-weight:600;font-size:1.25rem}.project-navigation a:hover{color:var(--yellow)}.project-navigation p{margin-top:10px;color:var(--hero-gray);font-size:1.5rem}.project-prev{width:auto;flex:1}.project-all{flex:1;display:flex;justify-content:center;align-self:flex-start}.project-all a{text-align:center}.project-next{width:auto;flex:1;display:flex;flex-direction:column;align-items:end}.back-to-top-link{position:fixed;bottom:16px;left:1120px;z-index:50;padding:6px 10px;font-family:klavika-web,sans-serif;font-size:1rem;color:var(--white);background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,var(--main-gray) 20%);border:2px solid var(--mid-gray);text-decoration:none;opacity:.9;transition:color .15s ease-in-out,opacity .15s ease-in-out;will-change:color,opacity}.back-to-top-link:hover{color:var(--yellow);opacity:1}.email-copy-notification{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:50;padding:6px 10px;font-family:klavika-web,sans-serif;font-size:1.25rem;color:var(--white);background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,var(--main-gray) 20%);border:2px solid var(--mid-gray);text-decoration:none;opacity:0;pointer-events:none;white-space:nowrap}a,a:visited,a:active,a:focus,.nav-container a,.nav-container .nav-home a,.intro .btn-filled,.btn-filled,.btn-big,.btn-small{text-decoration:none!important}.nav-container a,.nav-container .nav-home a,.nav-container a:visited,.nav-container .nav-home a:visited{color:var(--white)}.project-item .project-title{color:var(--white)!important;transition:color .15s ease-in-out,opacity .15s ease-in-out;will-change:color,opacity}.project-item .project-title:hover{color:var(--yellow)!important}.back-btn,.back-btn a,.back-btn a:visited,.back-btn a:active,.back-btn a:focus{color:var(--white)!important}.btn-big{display:block;margin:0 auto;width:96%;text-align:center;padding:10px;cursor:pointer;font-family:klavika-web,sans-serif;font-weight:600;font-size:1.5rem;color:var(--light-gray)!important;background-color:var(--mid-gray);border:2px solid transparent;border-image:linear-gradient(to bottom,var(--btn-top-gradient),var(--btn-bot-gradient));border-image-slice:1;outline:2px solid var(--dark-gray);box-shadow:0 3px 0 1.5px var(--dark-gray);text-decoration:none!important}.btn-small{display:block;text-align:center;padding:5px 15px;cursor:pointer;font-family:klavika-web,sans-serif;font-weight:600;font-size:1.1rem;color:var(--light-gray);background-color:var(--mid-gray);border:2px solid transparent;border-image:linear-gradient(to bottom,var(--btn-top-gradient),var(--btn-bot-gradient));border-image-slice:1;outline:2px solid var(--dark-gray);box-shadow:0 3px 0 1.5px var(--dark-gray);text-decoration:none!important}.featured-links a{color:var(--yellow)!important;text-decoration:none!important}.intro a{color:var(--orange)!important;font-weight:600;text-decoration:underline!important}.featured-section .btn-filled{display:flex;margin:35px auto;width:fit-content;min-width:200px;justify-content:center}.project-navigation p,.project-navigation a{font-family:klavika-web,sans-serif}.top-bar-title{display:flex;align-items:center;gap:5px}.btn-filled,.btn-big,.btn-small{will-change:transform,filter;filter:brightness(1);transform:translateZ(0)}.nav-container a{will-change:opacity,color}.footer-icons-flex a{will-change:transform}.project-preview{position:absolute;pointer-events:none;z-index:20;transform:translateY(-20px)}.project-preview img{width:420px;height:260px;object-fit:cover;object-position:50% 0%}.hero-section{position:relative;overflow:hidden}.dot-grid-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.75) 1px,transparent 1px);background-size:20px 20px;animation:dot-pan 12s linear infinite;opacity:.35;pointer-events:none}@keyframes dot-pan{0%{background-position:0 0}to{background-position:200px 200px}}@keyframes bubble-popup{0%{transform:scale(.5)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-container{position:relative;z-index:1}.separator-header{display:flex;align-items:center;text-align:center;margin-top:40px;margin-bottom:20px;font-size:2rem}.separator-header:before,.separator-header:after{content:"";flex:1;border-bottom:2px solid var(--mid-gray)}.separator-header:before{margin-right:25px}.separator-header:after{margin-left:25px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: Tokyo-night-Dark
  origin: https://github.com/enkia/tokyo-night-vscode-theme
  Description: Original highlight.js style
  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
  License: see project LICENSE
  Touched: 2022
*/.hljs-comment,.hljs-meta{color:#565f89}.hljs-deletion,.hljs-doctag,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-tag,.hljs-template-tag,.hljs-variable.language_{color:#f7768e}.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-template-variable,.hljs-type,.hljs-variable{color:#ff9e64}.hljs-attribute,.hljs-built_in{color:#e0af68}.hljs-keyword,.hljs-property,.hljs-subst,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#7dcfff}.hljs-selector-tag{color:#73daca}.hljs-addition,.hljs-bullet,.hljs-quote,.hljs-string,.hljs-symbol{color:#9ece6a}.hljs-code,.hljs-formula,.hljs-section{color:#7aa2f7}.hljs-attr,.hljs-char.escape_,.hljs-keyword,.hljs-name,.hljs-operator{color:#bb9af7}.hljs-punctuation{color:#c0caf5}.hljs{background:#1a1b26;color:#9aa5ce}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}