:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#101010;min-height:100vh}.section-header{text-align:center;margin-top:2rem}.section-header *{margin:1px}.section-header h1{font-size:45px}.hero-section{margin:auto;display:flex;gap:2rem;align-items:center;justify-content:center}.hero-text{width:50vw;border-left:#009760 2px dashed;padding-left:3rem}.hero-text h2{margin-top:0}.hero-boxes{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.hero-img{width:20rem;max-height:20rem;border-radius:500px}.hero-minibox{background-color:#212121;padding:1rem;text-align:left;text-justify:center;border-left:#009760 solid 3px}.hero-minibox strong,.hero-minibox p{padding:.5rem;margin:0}.linkedIn-Btn{width:10rem;background-color:#009760;color:#f5f5f5;font-weight:700;padding:.8rem;margin-top:2rem;margin-bottom:3rem;text-align:center;cursor:pointer}.greenText{color:#009760;margin-bottom:0;font-style:italic}.greyText{color:#606060}.greyTextLight{color:#939393}.bold{font-weight:700}.skills-container{margin:2rem auto;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;width:80%}.skill-box{background-color:#212121;padding:2.5rem;margin:auto 0;height:14rem}.skill-img{margin:0 0 1.5rem;padding:1rem;width:3rem;height:3rem;background-color:#009760;border-radius:40px}.skill-img img{margin:0;width:3rem}.skill-title{margin:5px 0 0}.skill-title-underline{border-bottom:#009760 solid 2px;width:fit-content}.skill-desc{margin:.4rem 0 0;min-height:3rem}.projects-container{width:90%;margin:2rem auto}.project-box{display:grid;grid-template-columns:3rem 3rem 3rem 1fr 3fr;gap:2rem;margin-top:2rem}.project-img{padding:0;margin:0rem;position:relative;right:11%;bottom:20%;height:18rem}.project-img img{height:25rem}.project-text{background-color:#212121;align-content:center;padding-left:3rem}.project-title{font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.tag-container{display:grid;grid-template-columns:auto auto;justify-content:left;gap:1rem}.project-tag{color:#009760;width:fit-content;padding:0 .5rem;border-radius:5px;border:solid 1px #009760;text-align:center;padding-bottom:2.5px}.project-btn{background-color:#009760;color:#ffffffde;width:fit-content;padding:0 .5rem;border-radius:5px;border:solid 1px #009760;text-align:center;padding-bottom:2.5px}.project-btn:hover,.project-btn:active{cursor:pointer;background-color:purple;color:#ff0;border:yellow solid 1px}.bar-y{background-color:#009760;width:20%;height:115%;position:relative;left:4.8rem}.bar-x{background-color:#009760;height:3.3%;position:relative;top:50%}.bar-dot{background-color:#009760;height:7%;position:relative;top:48.1%;right:70%;width:43%;border-radius:10px}.footer{background-color:#000;margin:3rem 0 0;height:5rem;text-align:center;align-content:center}@media (413px < width < 1133px){.project-box{display:grid;grid-template-columns:1rem 1rem 1rem 1fr 3fr;gap:1rem;margin-top:2rem}.project-img img{height:15rem}.project-img{bottom:-10%}.bar-y{width:50%;left:0rem}.bar-x{height:3.3%;top:50%;width:3rem;right:150%}.bar-dot{top:48.2%;width:120%;border-radius:10px}.skills-container{gap:2rem;grid-template-columns:1fr 1fr;width:80%}.skill-box{min-height:14rem;align-content:center}}@media (0px < width < 910px){.hide{display:none}.hero-section{display:grid;grid-template-columns:1fr;justify-items:center}.hero-img{width:16rem;margin-top:1rem}.linkedIn-Btn{margin:2rem auto}.hero-text{border-left:none;border-top:#009760 2px dashed;width:80vw;padding-left:0}.skill-box{padding:1rem;min-height:19rem}.skill-box *{text-align:center;margin-left:auto;margin-right:auto}.project-box{grid-template-columns:1fr;gap:0rem}.project-img{bottom:10%;justify-self:center;left:auto;right:auto}.project-img img{height:22rem}}@media (0px < width < 450px){.hero-text{width:90vw}.hero-minibox{padding:2px}.hero-boxes{gap:1rem}.skills-container{margin:1.5rem auto 0;gap:1.5rem;grid-template-columns:1fr}.skill-box{min-height:11rem}.project-img{bottom:5%;left:9.5%}.project-img img{height:20rem}.project-text{padding:1.5rem}}.intro-overlay{position:fixed;top:5vh;left:0;width:100vw;height:90vh;background:linear-gradient(180deg,#87ceeb,#87ceeb 70%,#90ee90 70%,#90ee90);z-index:9999;overflow:hidden;transition:opacity .5s ease-out}.intro-overlay.fade-out{opacity:0;pointer-events:none}.intro-content{position:relative;width:100%;height:100%}.ground-overlay{position:absolute;bottom:0;left:0;width:100%;height:30%;background:#90ee90;z-index:100;pointer-events:none}.scroll-indicator{position:absolute;top:20%;left:50%;transform:translate(-50%);text-align:center;color:#333;font-size:1.5rem;font-weight:700;animation:pulse 2s ease-in-out infinite}.arrow-down{font-size:3rem;animation:bounce 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.green-pipe{position:absolute;left:50%;bottom:30%;transform:translate(-50%);width:120px;height:auto;z-index:3;image-rendering:pixelated}.mario{position:absolute;width:80px;height:auto;z-index:2;image-rendering:pixelated;transform:translate(-50%);transition:opacity .3s ease-out}.mario.running,.mario.jumping,.mario.standing{z-index:2}.mario.sinking{z-index:1!important}@media (max-width: 768px){.green-pipe{width:80px;bottom:30%}.mario{width:60px}.scroll-indicator{font-size:1.2rem}.arrow-down{font-size:2rem}}@media (max-width: 480px){.green-pipe{width:60px;bottom:30%}.mario{width:45px}.scroll-indicator{font-size:1rem;top:15%}.arrow-down{font-size:1.5rem}}