.scroll-wheel-svg{position:absolute;display:flex;flex-direction:column;color:#fff;font-family:Space Grotesk,cursive;font-size:16px;align-items:center}.container{height:100vh;width:100%;display:flex;gap:100px;align-items:center;margin:auto;justify-content:center;.image-container{width:100%;display:flex;align-items:flex-end;justify-content:center;align-self:flex-end;& img{filter:grayscale(100%);object-fit:cover;opacity:0}}.text-container{position:relative;right:-5%;top:0%;opacity:0;.line{position:relative;margin-left:var(--padding);border-bottom:5px solid transparent;border-image:linear-gradient(to right,#00800099 50%,#fff0) 1;left:-200px;overflow:hidden;.text{color:#c8c8c8;position:absolute;transform:translate(0);font-family:Rubik Glitch,cursive;padding-left:20px}}}}@media screen and (min-width: 1600px){.image-container{max-width:800px;& img{max-width:800px}}.text-container{.line{width:900px;height:60px;&:last-child{top:100px;left:-100px}.text{font-size:40px}}}}@media screen and (min-width: 1000px) and (max-width: 1600px){.image-container{max-width:500px;& img{max-width:500px}}.text-container{.line{width:750px;height:50px;&:last-child{top:50px;left:-50px}.text{font-size:2.2rem}}}}.mobile-container{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;padding:4rem 20px 0;font-family:Space Grotesk,cursive;gap:4rem}.logo-container{display:flex;align-items:center;gap:20px}.logo{height:120px;width:120px;border-radius:50px;scale:0}.mobile-container__text{font-size:1.1em;color:#fff;opacity:0}.mobile-card-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);row-gap:20px;justify-items:center}.mobile-technology-header{width:100%;color:#fff}.mobile-technology-title{font-size:1.8rem;font-weight:100;margin-bottom:2rem;font-family:Rubik Glitch,cursive;margin:0;opacity:0}.mobile-technology-underline{width:0%;height:5px;background:linear-gradient(to right,#00800099,#fff0);margin-bottom:2.5rem;position:relative}.mobile-glass-card{background:linear-gradient(to right,#4caf501a,#4caf500d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(5px);border-radius:20px;border:1px solid rgba(76,175,80,.2);padding:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;gap:10px;height:90px;width:90px;opacity:0}.mobile-card-image{width:30px;height:30px}.mobile-card-title{color:#fff;font-size:.8em}.mobile-experience-container{color:#fff;width:90%;margin:auto;margin-bottom:4rem}.mobile-experience-title{font-family:Rubik Glitch,cursive;color:#fff;font-weight:100;margin:0;font-size:1.8rem}.mobile-experience-title-underline{width:100%;height:5px;background:linear-gradient(to right,#00800099,#fff0);margin-bottom:2.5rem;position:relative}.mobile-experience-item{display:flex;flex-direction:column;padding:0 10px;font-family:Space Grotesk,sans-serif}.mobile-experience-item-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:40px}.mobile-experience-item-header-left{display:flex;flex-direction:column;justify-content:center;& h2{font-size:1.2rem;font-weight:600;margin:0;padding:0}& p{margin:0;padding:0;font-size:.9rem;font-weight:100}}.mobile-experience-item-header-right{& p{font-size:.9rem}}.mobile-experience-item-description{font-size:.9rem;font-weight:100}.mobile-card-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;font-size:.8rem;margin-bottom:40px}.mobile-dotted-list{list-style:none;padding-left:0rem}.mobile-dotted-list li{position:relative;padding-left:30px;margin-bottom:40px}.mobile-dotted-list li:before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;border-radius:50%;background-color:#fff}.mobile-dotted-list li:not(:first-child):before{background-image:linear-gradient(to bottom,green,#fff)}.mobile-dotted-list li:not(:last-child):after{content:"";position:absolute;left:4px;top:20px;width:2px;height:calc(100% + 40px);background-image:linear-gradient(to bottom,#fff,green)}.mobile-experience-card{background:linear-gradient(to right,#4caf501a,#4caf500d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(5px);width:100px;color:#fff;border-radius:10px;padding:5px 0;border:1px solid rgba(76,175,80,.2);text-align:center;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.glass-card{background:linear-gradient(to right,#4caf501a,#4caf500d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(5px);border-radius:20px;border:1px solid rgba(76,175,80,.2);padding:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transform:translateY(0) scale(1)}.glass-card:hover{transform:translateY(-20px);box-shadow:0 10px 40px #34871f5e}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);row-gap:20px}.card-title{font-family:Space Grotesk,Segoe UI,Roboto,sans-serif;font-weight:100;color:#fff;margin-top:10px}.section{width:1000px;position:relative;margin:0 auto;margin-bottom:4rem;.section-title{font-family:Rubik Glitch,cursive;font-weight:100;color:#fff;letter-spacing:1px;margin:0}.title-underline{width:100%;height:5px;margin-bottom:3rem;background:linear-gradient(to right,#00800099 50%,#fff0)}}@media screen and (min-width: 1600px){.glass-card{width:150px;height:auto}.card-title{font-size:1.2rem}.card-image{width:60px}.section-title{font-size:3rem;height:60px}}@media screen and (min-width: 1000px) and (max-width: 1600px){.section-title{font-size:2.5rem;height:50px}.card-title{font-size:1rem}.card-image{width:50px}.glass-card{width:150px;height:auto}}.spacer{height:100px}.experience-container{color:#fff;width:1000px;margin:0 auto;margin-bottom:4rem}.experience-title{font-weight:100;margin:0;padding:0;font-family:Rubik Glitch,cursive;letter-spacing:1px}.experience-item{display:flex;flex-direction:column;padding:0 10px;font-family:Space Grotesk,Segoe UI,Roboto,sans-serif}.experience-item-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:40px}.experience-item-header-left{display:flex;flex-direction:column;justify-content:center;& h2{font-size:2rem;font-weight:600;margin:0;padding:0}& p{margin:0;padding:0;font-size:1.2rem;font-weight:100}}.experience-item-description{font-size:1.2rem;font-weight:100}.dotted-list{list-style:none;padding-left:1rem;margin-top:40px}.dotted-list li{position:relative;padding-left:30px;margin-bottom:30px;padding-top:2px}.dotted-list li:before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;border-radius:50%;background-color:#fff}.dotted-list li:not(:first-child):before{background-image:linear-gradient(to bottom,green,#fff)}.dotted-list li:not(:last-child):after{content:"";position:absolute;left:4px;top:20px;width:2px;height:calc(100% + 30px);background-image:linear-gradient(to bottom,#fff,green)}.card-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;padding-left:20px;font-size:1rem}.experience-card{background:linear-gradient(to right,#4caf501a,#4caf500d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(5px);width:100px;color:#fff;border-radius:10px;padding:5px 0;border:1px solid rgba(76,175,80,.2);text-align:center;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;opacity:0}.experience-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #34871f5e}.experience-title-underline{width:100%;height:5px;background:linear-gradient(to right,#00800099,#fff0);margin-bottom:3rem;position:relative}@media screen and (min-width: 1600px){.experience-title{font-size:3rem}}@media screen and (min-width: 1000px) and (max-width: 1600px){.experience-title{font-size:2.5rem}}.projects-section{width:1000px;display:flex;margin:0 auto;flex-direction:column;margin-bottom:4rem}.projects-title{font-family:Rubik Glitch,cursive;font-weight:100;color:#fff;letter-spacing:1px;margin:0}.projects-underline{width:100%;height:5px;margin-bottom:3rem;background:linear-gradient(to right,#00800099 50%,#fff0)}.project-container{display:flex;flex-direction:row-reverse;gap:1rem;max-width:100%;margin:2rem 0;position:relative;text-decoration:none}.project-frame{width:40%;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chrome-frame{background:#f1f3f4;border-radius:8px;overflow:hidden;position:relative;z-index:1}.chrome-header{background:#f1f3f4;padding:.75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #e0e0e0}.chrome-buttons{display:flex;gap:.5rem}.chrome-button{width:12px;height:12px;border-radius:50%}.chrome-button.close{background:#ff5f56}.chrome-button.minimize{background:#ffbd2e}.chrome-button.maximize{background:#27c93f}.chrome-address-bar{flex:1;background:#fff;border-radius:4px;padding:.25rem .75rem;font-size:.875rem;color:#666}.chrome-content{background:#fff}.chrome-content img{width:100%;height:auto;border-radius:4px}.phone-frame{background:#1a1a1a;border-radius:2rem;padding:.5rem;position:absolute;right:1rem;bottom:-3rem;width:15%;z-index:2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:1.5rem;background:#1a1a1a;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.phone-content{background:#fff;border-radius:1.5rem;overflow:hidden}.phone-content img{width:100%;height:auto;display:block}.project-info{padding:1rem;margin-top:2rem;color:#fff;font-family:Space Grotesk}.project-info h3{font-size:2rem;font-weight:600;margin-bottom:.5rem}.project-info p{line-height:1.5;font-size:1.2rem}@media (max-width: 768px){.projects-section{width:90%}.projects-title{font-size:1.8rem}.projects-underline{margin:0 auto 1.5rem}.project-container{margin:1rem 0;justify-items:center;align-items:center;justify-content:space-between}.project-frame{display:flex;align-items:end;width:35%}.chrome-frame{display:none}.phone-frame{width:100%;position:relative;right:0;bottom:0}.project-info{text-align:center;margin-top:0;max-width:65%}.project-info h3{font-size:1rem}.project-info p{font-size:.8rem}}@media screen and (min-width: 1600px){.projects-title{font-size:3rem}}@media screen and (min-width: 1000px) and (max-width: 1600px){.projects-title{font-size:2.5rem}}.mobile-projects-section{width:90%;display:flex;margin:0 auto;flex-direction:column;margin-bottom:4rem}.mobile-projects-title{font-family:Rubik Glitch,cursive;font-weight:100;color:#fff;letter-spacing:1px;margin:0;font-size:1.8rem}.mobile-projects-underline{width:100%;height:5px;margin-bottom:2.5rem;background:linear-gradient(to right,#00800099 50%,#fff0)}.mobile-project-container{display:flex;flex-direction:row-reverse;max-width:100%;position:relative;text-decoration:none;justify-content:space-between;align-items:center;justify-items:center}.mobile-project-frame{display:flex;align-items:end;width:30%;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.mobile-phone-frame{background:#fff;border-radius:2rem;padding:.5rem;position:relative;width:100%;z-index:2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.mobile-phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:1.5rem;background:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.mobile-phone-content{background:#fff;border-radius:1.5rem;overflow:hidden}.mobile-phone-content img{width:100%;height:auto;display:block}.mobile-project-info{color:#fff;font-family:Space Grotesk;max-width:55%;text-align:left}.mobile-project-info h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.mobile-project-info p{line-height:1.5;font-size:.8rem}.contact-container{color:#fff;width:1000px;margin:0 auto 100px;padding-top:4rem}.contact-title{font-size:2rem;font-weight:100;margin-bottom:2rem;font-family:Rubik Glitch,cursive;margin:0}.contact-title-underline{width:100%;height:5px;background:linear-gradient(to right,#00800099,#fff0);margin-bottom:3rem;position:relative}.contact-glass-card{background:linear-gradient(to right,#4caf501a,#4caf500d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(5px);border-radius:20px;border:1px solid rgba(76,175,80,.2);padding:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:row;align-items:center;opacity:1;gap:10px;text-decoration:none}.contact-glass-card:hover{transform:translateY(-50px);box-shadow:0 10px 40px #34871f5e}.contact-card-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-link{text-decoration:none;font-family:Space Grotesk,Segoe UI,Roboto,sans-serif;font-size:16px;color:#fff}.card-link:hover{text-decoration:none;cursor:pointer}@media screen and (min-width: 1600px){.contact-title{font-size:3rem}}@media screen and (min-width: 1000px) and (max-width: 1600px){.contact-title{font-size:2.5rem}}.mobile-contact-container{color:#fff;width:90%;margin:auto auto 100px}.mobile-contact-title{font-size:1.8rem;font-weight:100;margin-bottom:2rem;font-family:Rubik Glitch,cursive;margin:0}.mobile-contact-title-underline{width:100%;height:5px;background:linear-gradient(to right,#00800099,#fff0);margin-bottom:3rem;position:relative}.mobile-contact-glass-card{background:linear-gradient(to right,#4caf501a,#4caf500d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(5px);border-radius:20px;border:1px solid rgba(76,175,80,.2);padding:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:row;align-items:center;opacity:1;gap:20px;text-decoration:none}.mobile-contact-card-grid{margin-top:20px;display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.mobile-card-link{font-family:Space Grotesk;font-size:16px;color:#fff;text-decoration-color:transparent}.mobile-card-link:hover{text-decoration:none;cursor:pointer}@media (max-width: 768px){#desktop-content[data-astro-cid-j7pv25f6]{display:none}#mobile-content[data-astro-cid-j7pv25f6]{display:block}}@media (min-width: 769px){#desktop-content[data-astro-cid-j7pv25f6]{display:block}#mobile-content[data-astro-cid-j7pv25f6]{display:none}}*{box-sizing:border-box}body{margin:0;background-color:#000;scroll-behavior:smooth;box-sizing:content-box}svg{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0}text{fill:#0f0;font-family:Courier New,Courier,monospace;font-size:16px}#matrix{position:fixed}