@import"https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";a{text-decoration:none}.Navbar{display:flex;align-items:center;padding:1.5% 4.5%;font-size:1.1em;min-height:10vh;position:relative;z-index:1000}.Navbar-social{display:flex;flex-direction:row;align-items:center}.Navbar-social img{width:35px;margin-left:27px}.Navbar-link{position:relative;float:left;margin-right:.5rem;transition:color .3s ease}.Navbar-link p{font-weight:500;z-index:100;position:relative;float:right;transition:color .3s ease}.Navbar-link:hover p{color:var(--color-pink)}.Navbar-link img,.Navbar-link:hover img{display:none}.Navbar-links{font-weight:600;font-size:1.5rem;flex:1;display:flex;justify-content:flex-start;align-items:center}.Navbar-logo{margin-right:2rem;display:flex;align-items:center}.Navbar-logo1{width:5rem;margin-right:1.2rem}.Navbar-logo2{width:13rem}.Navbar-menu{margin-left:1rem;display:none;position:relative;z-index:1001}.Navbar-menu{color:var(--color-black)}.Navbar-menu_icon{cursor:pointer}.Navbar-menu_container{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;z-index:1002;text-align:end;background-color:var(--color-purple);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;right:0;top:5rem;width:20rem;padding:2rem 0;border-radius:15px;box-shadow:0 4px 30px #0000001a;animation:slideDown .3s ease-out}.Navbar-menu_container p{margin:0;width:100%;transition:all .3s ease}.Navbar-menu_container p:hover{background-color:#ffffff1a}.Navbar-menu_link{color:#fff;cursor:pointer;text-decoration:none;margin:0;padding:1rem 3rem;display:block;font-size:1.2rem;font-weight:500;transition:all .3s ease}.Navbar-menu_link:hover{color:var(--color-pink);transform:translate(-5px)}.Navbar-menu_container hr{width:80%;margin:.5rem auto;border:none;height:1px;background-color:#fff3}.Navbar-menu_icon{cursor:pointer;transition:transform .3s ease}.Navbar-menu_icon:hover{transform:scale(1.1)}.Navbar-logo p,.Navbar-social p{color:#fff;margin:0 1.5rem .3rem;cursor:pointer;text-decoration:none}@media screen and (max-width: 1050px){.Navbar-links_container,.Navbar-social{display:none}.Navbar-menu{display:flex}}@media screen and (max-width: 1130px){.Navbar-social img{display:none}}@media screen and (max-width: 700px){.Navbar{padding:2rem 4rem}}@media screen and (max-width: 550px){.Navbar{padding:2rem}}@media screen and (max-width: 385px){.Navbar-menu_container{right:0;top:5rem;width:16rem;padding:1.5rem 0}.Navbar-menu_link{padding:.8rem 2rem;font-size:1rem}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.About{display:flex;flex-direction:column;align-items:center;margin:0 5rem}.About h1{font-size:50px;margin-bottom:5rem}.About p{font-size:20px;max-width:50vw}.About-image{height:35rem;margin:0 10rem 0 0;border-width:5px;border-color:var(--color-pink);border-style:solid}.About-container{display:flex;flex-direction:row;align-items:start}.arrow{position:absolute;left:11.5rem;top:-13rem;width:6rem;height:14rem}.About-caption{position:relative}.About-desc{font-size:40px;max-width:30vw;background-color:var(--color-purple);padding:2rem 3rem 3rem}@media screen and (max-width: 1600px){.About-image{height:35rem}}@media screen and (max-width: 1300px){.About-desc{max-width:40vw}.About-image{height:25rem;margin:0 4rem 0 0}.arrow{left:9rem;top:-10rem;height:11rem;width:7rem}}@media screen and (max-width: 950px){.About-container{flex-direction:column;align-items:center}.About h1{font-size:40px}.About-desc{font-size:20px;max-width:60vw}.About-image{width:25rem;height:auto;margin:0}.arrow{left:10rem;top:-12rem;height:14rem;width:6rem}.About-caption{margin:0 0 0 3rem}}@media screen and (max-width: 600px){.About-desc{max-width:70vw;padding:1rem 2rem 2rem}.About p{font-size:15px}.About-image{width:60vw;height:auto;margin:0}.arrow{display:none}.About-caption{margin:0 0 0 1rem}}@media screen and (max-width: 440px){.About-desc{padding:.5rem 2rem;max-width:90vw;margin:0}.About-container,.About{margin:0}.About-caption{margin:0 0 0 1rem}.About-desc p{font-size:12px}}.Contact{display:flex;flex-direction:column;align-items:center;min-height:80vh}.Contact h1{font-size:50px;margin-bottom:5rem}.Contact p{font-size:20px;margin-bottom:3rem}.Contact-info{display:flex;flex-direction:row;align-items:center}.Contact-email{position:relative;cursor:pointer;width:fit-content;display:flex;align-items:center;justify-content:center}.email-icon{z-index:100;position:relative;margin-right:1rem;margin-bottom:1.5rem}.email-highlight{z-index:0;position:absolute;left:-2.5rem;top:-2.5rem;opacity:0;transition:opacity .3s ease;width:8rem}.Contact-email:hover .email-highlight{opacity:1}.Contact-social{display:flex;flex-direction:row;align-items:center}.Contact-social img{width:35px}@media screen and (max-width: 950px){.Contact h1{font-size:40px}.Contact p{font-size:20px}.email-highlight{width:7.5rem}.email-icon{width:2.5rem;height:2.5rem}}@media screen and (max-width: 450px){.Contact p{font-size:17px}}.Home{display:flex;flex-direction:column;align-items:center;min-height:80vh;text-align:center;margin:0 3rem}.azzy-home{margin-top:5rem;width:20rem;height:20rem;border-radius:50%;object-fit:cover;border:solid;border-width:5px;border-color:var(--color-pink)}.Home h1{font-weight:600;margin:3rem 0 0;font-size:50px}.Home h2{font-weight:400;margin:1rem 0 3rem;font-size:20px}.Home h3{font-weight:350;margin:0 0 1rem;font-size:20px}.Home p{color:#fff;cursor:pointer;position:relative;overflow:hidden;padding:.5rem 1rem;transition:all .3s ease;border:solid;border-width:2px;background:none;font-size:17px;padding:.8rem 1rem}.loading{opacity:0}.loaded{opacity:1;transition:opacity .3s ease-in}.project-button:hover{border-color:var(--color-pink);color:var(--color-pink);background-color:#ffffff1a;transform:translateY(-2px)}@media screen and (max-width: 1000px){.Home h1{font-size:50px}.Home h2{font-size:20px;margin:0 5rem 1rem}.Home h3{font-size:20px}}@media screen and (max-width: 500px){.azzy-home{width:17rem;height:17rem;border-width:4px}.Home h1{font-size:40px}.Home h2{font-size:20px;margin:0 2rem 2rem}.Home h3{font-size:20px}}@media screen and (max-width: 400px){.azzy-home{width:15rem;height:15rem;border-width:4px}.Home h1{font-size:35px}.Home h2{font-size:15px;margin:0 2rem 2rem}.Home h3,.Home p{font-size:15px}}.slide-in{animation:slideIn 1s ease-out;animation-fill-mode:forwards;opacity:0}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Footer{padding:max(3rem) 3%;display:flex;flex-direction:row;align-items:center;min-height:5vh}.Footer a,.Footer div{color:var(--color-white)}.Footer-attributions{display:flex;flex-direction:column;align-items:start;width:80vw}.Footer-attributions div,.Footer-attributions a{font-size:.3em;margin-right:.1rem}.Footer-contact{display:flex;align-items:center;flex-direction:row}.Footer-contact img{margin:0 1rem}.Footer-insta{width:1.5rem}.Footer-icons{width:2rem}@media screen and (max-width: 560px){.Footer-attributions div,.Footer-attributions a{font-size:.4rem}}@media screen and (max-width: 470px){.Footer-attributions div,.Footer-attributions a{font-size:.3rem}.Footer-insta{width:1rem}.Footer-icons{width:1.5rem}.Footer-contact img{margin:0 .5rem}}.Projects{display:flex;flex-direction:column;align-items:center;margin:0 5rem}.Projects h1,.Projects h2{font-size:50px}.Projects-container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center}.Projects-container img{border-radius:20px}.imageBox{position:relative;float:left;margin:5rem}.imageBox .hoverImg{position:absolute;left:0;top:0;display:none}.imageBox:hover .hoverImg{display:block}.imageBox .hoverImg div{display:flex;position:absolute;flex-direction:column;left:0;align-items:center;text-align:center;top:0;margin:0;background-color:#0005;border-radius:20px}.imageBox .hoverImg div h2{font-size:40px;margin:5rem 0 0;line-height:normal;color:#fff}.imageBox .hoverImg div p{font-size:20px;margin:0;color:#fff}.Projects-stickman-life{width:40rem;height:30.923rem}.Projects-robotics{width:40rem;height:25.763rem}.Projects-smart-scan{width:40rem;height:30.344rem}.Projects-massage{width:40rem;height:25.174rem}.Projects-plan-pro{width:30rem;height:29.468rem}.Projects-deepscan{width:52rem;height:30.344rem}.Projects-rpe10{width:50rem;height:24rem}.Projects-coding-agent{width:50rem;height:20rem}@media screen and (max-width: 950px){.Projects h1{font-size:40px}.Projects-coding-agent{width:70vw;height:28.8vw}.Projects-rpe10{width:60vw;height:28.8vw}.Projects-deepscan{width:70vw;height:40.8477vw}.Projects-stickman-life{width:60vw;height:43.2925vw}.Projects-robotics{width:25rem;height:16.102rem}.Projects-smart-scan{width:60vw;height:45.516vw}.Projects-massage{width:70vw;height:44.0552vw}.Projects-plan-pro{width:50vw;height:49.12vw}.imageBox{margin:1rem}.imageBox .hoverImg div h2{max-width:60vw;margin-top:8vw;font-size:4vw}.imageBox .hoverImg div p{font-size:2vw}.Projects h2{font-size:4vw}}.StickmanLife{margin:.9rem 5rem 0;display:flex;flex-direction:column;align-items:center}.StickmanLife h1{font-size:50px;line-height:3rem;margin-bottom:0}.StickmanLife h3{font-size:20px;line-height:1rem;margin-bottom:2rem;font-weight:500}.StickmanLife h2{font-size:30px;margin-bottom:1rem;font-weight:550}.StickmanLife-desc{font-size:20px;max-width:60vw;background-color:var(--color-purple);padding:1.5rem}.StickmanLife-desc p{text-align:center;margin:0}.StickmanLife-button{color:#fff;cursor:pointer;background:none;border:solid;border-width:2px;font-size:17px;padding:.8rem 1rem}.StickmanLife-button:hover{border-color:var(--color-pink);color:var(--color-pink);background-color:#ffffff1a;transform:translateY(-2px)}.StickmanLife iframe{border:none;margin:0 0 3rem;width:800px;height:450px}@media screen and (max-width: 950px){.StickmanLife h1{font-size:40px}.StickmanLife h2{font-size:20px}.StickmanLife h3,.StickmanLife-desc{font-size:17px}.StickmanLife iframe{width:70vw;height:39.32vw}}@media screen and (max-width: 550px){.StickmanLife-desc{font-size:12px;padding:1rem;max-width:65vw}.StickmanLife{margin:0}}@media screen and (max-width: 400px){.StickmanLife-button{font-size:15px}}.SmartScan{margin:.9rem 5rem 0;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 3rem}.SmartScan h1{font-size:50px;line-height:3rem;margin-bottom:0}.SmartScan h3{font-size:20px;line-height:1rem;margin-bottom:2rem;font-weight:500}.SmartScan-button{color:#fff;cursor:pointer;background:none;border:solid;border-width:2px;font-size:17px;padding:.8rem 1rem}.SmartScan-button:hover{border-color:var(--color-pink);color:var(--color-pink);background-color:#ffffff1a;transform:translateY(-2px)}.SmartScan-imgs{display:flex;flex-direction:column}.SmartScan-imgs img{margin:3rem 0;width:70rem}.SmartScan-desc{max-width:60vw;background-color:var(--color-purple);padding:2rem 3rem 3rem}.SmartScan-desc p{text-align:center;font-size:20px;margin:0}@media screen and (max-width: 1250px){.SmartScan-imgs img{width:75vw}}@media screen and (max-width: 1000px){.SmartScan-imgs img{margin:2rem 0}}@media screen and (max-width: 950px){.SmartScan h1{font-size:40px;margin-left:5rem;margin-right:5rem}.SmartScan h2{font-size:20px;margin-left:5rem;margin-right:5rem}.SmartScan h3{font-size:17px;margin-left:5rem;margin-right:5rem}.SmartScan-desc{font-size:17px}}@media screen and (max-width: 550px){.SmartScan-desc p{font-size:12px}.SmartScan-desc{padding:1rem;max-width:65vw}.SmartScan{margin:0}}@media screen and (max-width: 400px){.SmartScan-button{font-size:15px}}.PlanPro{margin:.9rem 5rem 0;display:flex;flex-direction:column;align-items:center}.PlanPro h1{font-size:50px;line-height:3rem;margin-bottom:0}.PlanPro h3{font-size:20px;line-height:1rem;margin-bottom:2rem;font-weight:500}.PlanPro h2{font-size:30px;font-weight:550;margin-bottom:0}.PlanPro-desc{font-size:20px;max-width:60vw;background-color:var(--color-purple);padding:1.5rem}.PlanPro-desc p{margin:0}.PlanPro iframe{border:none;margin:0 0 3rem}@media screen and (max-width: 950px){.PlanPro h1{font-size:40px}.PlanPro h2{font-size:20px}.PlanPro h3,.PlanPro-desc{font-size:17px}.PlanPro iframe{width:70vw;height:43.75vw}}@media screen and (max-width: 550px){.PlanPro-desc{font-size:12px;padding:1rem;max-width:65vw}.PlanPro{margin:0}}@media screen and (max-width: 400px){.PlanPro-button{font-size:15px}}.PlanPro-button{color:#fff;cursor:pointer;position:relative;overflow:hidden;padding:.5rem 1rem;transition:all .3s ease;border:solid;border-width:2px;background:none;font-size:17px;padding:.8rem 1rem}.PlanPro-button:hover{border-color:var(--color-pink);color:var(--color-pink);background-color:#ffffff1a;transform:translateY(-2px)}.DeepScan{margin:.9rem 5rem 0;display:flex;flex-direction:column;align-items:center;text-align:center}.DeepScan h1{font-size:50px;line-height:3rem;margin-bottom:0}.DeepScan h3{font-size:20px;font-weight:500;line-height:1rem;margin-bottom:2rem}.DeepScan h2{font-size:30px;font-weight:550;margin-bottom:1rem}.DeepScan-button{color:#fff;cursor:pointer;background:none;border:solid;border-width:2px;font-size:17px;padding:.8rem 1rem}.DeepScan-button:hover{border-color:var(--color-pink);color:var(--color-pink);background-color:#ffffff1a;transform:translateY(-2px)}.DeepScan-desc{font-size:20px;max-width:60vw;background-color:var(--color-purple);padding:1.5rem}.DeepScan-desc p{margin:0}.DeepScan iframe{border:none;margin:0 0 3rem}@media screen and (max-width: 950px){.DeepScan h1{font-size:40px}.DeepScan h2{font-size:20px}.DeepScan h3,.DeepScan-desc{font-size:17px}.DeepScan iframe{width:70vw;height:43.75vw}}@media screen and (max-width: 550px){.DeepScan-desc{font-size:12px;padding:1rem}}@media screen and (max-width: 400px){.DeepScan-button{font-size:15px}}.RPE10{margin:.9rem 5rem 0;display:flex;flex-direction:column;align-items:center;text-align:center}.RPE10 h1{font-size:50px;line-height:3rem;margin-bottom:0}.RPE10 h3{font-size:20px;font-weight:500;line-height:1rem;margin-bottom:2rem}.RPE10 h2{font-size:30px;font-weight:550;margin-bottom:1rem}.RPE10-button{color:#fff;cursor:pointer;background:none;border:solid;border-width:2px;font-size:17px;padding:.8rem 1rem}.RPE10-button:hover{border-color:var(--color-pink);color:var(--color-pink);background-color:#ffffff1a;transform:translateY(-2px)}.RPE10-desc{font-size:20px;max-width:60vw;background-color:var(--color-purple);padding:1.5rem}.RPE10-desc p{margin:0}.RPE10 iframe{border:none;margin:0 0 3rem}@media screen and (max-width: 950px){.RPE10 h1{font-size:40px}.RPE10 h2{font-size:20px}.RPE10 h3,.RPE10-desc{font-size:17px}.RPE10 iframe{width:70vw;height:43.75vw}}@media screen and (max-width: 550px){.RPE10-desc{font-size:12px;padding:1rem}}@media screen and (max-width: 400px){.RPE10-button{font-size:15px}}.CodingAgent{margin:.9rem 5rem 0;display:flex;flex-direction:column;align-items:center;text-align:center}.CodingAgent h1{font-size:50px;line-height:3rem;margin-bottom:0}.CodingAgent h3{font-size:20px;font-weight:500;line-height:1rem;margin-bottom:2rem}.CodingAgent h2{font-size:30px;font-weight:550;margin-bottom:1rem}.CodingAgent-button{color:#fff;cursor:pointer;background:none;border:solid;border-width:2px;font-size:17px;padding:.8rem 1rem}.CodingAgent-button:hover{border-color:var(--color-pink);color:var(--color-pink);background-color:#ffffff1a;transform:translateY(-2px)}.CodingAgent-desc{font-size:20px;max-width:60vw;background-color:var(--color-purple);padding:1.5rem}.CodingAgent-desc p{margin:0}.CodingAgent iframe{border:none;margin:0 0 3rem}@media screen and (max-width: 950px){.CodingAgent h1{font-size:40px}.CodingAgent h2{font-size:20px}.CodingAgent h3,.CodingAgent-desc{font-size:17px}.CodingAgent iframe{width:70vw;height:43.75vw}}@media screen and (max-width: 550px){.CodingAgent-desc{font-size:12px;padding:1rem}}@media screen and (max-width: 400px){.CodingAgent-button{font-size:15px}}.Research{margin:.9rem 5rem 0;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:70vh}.Research h1{font-size:50px;line-height:3rem;margin-bottom:0}.Research h3{font-size:20px;font-weight:500;line-height:1rem;margin-bottom:2rem;margin-top:2rem}.Research h2{font-size:30px;font-weight:550;margin-bottom:1rem}.Research-button{color:#fff;cursor:pointer;background:none;border:solid;border-width:2px;font-size:17px;padding:.8rem 1rem}.Research-button:hover{border-color:var(--color-pink);color:var(--color-pink);background-color:#ffffff1a;transform:translateY(-2px)}.Research-desc{font-size:20px;max-width:60vw;background-color:var(--color-purple);padding:1.5rem}.Research-desc p{margin:0}.Research iframe{border:none;margin:0 0 3rem}@media screen and (max-width: 950px){.Research h1{font-size:40px}.Research h2{font-size:20px}.Research h3,.Research-desc{font-size:17px}.Research iframe{width:70vw;height:43.75vw}}@media screen and (max-width: 550px){.Research-desc{font-size:12px;padding:1rem}}@media screen and (max-width: 400px){.Research-button{font-size:15px}}.App-container{min-height:100vh;width:100%;position:relative;overflow-x:hidden}.moving-background{position:absolute;top:0;left:-250px;right:-250px;bottom:0;background-image:var(--background-image);background-size:200%;background-position:top left;background-repeat:repeat-x;z-index:-1;animation:moveBackground 140s linear infinite;height:100%;width:calc(100% + 500px)}.moving-background:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#19197066;pointer-events:none}@keyframes moveBackground{0%{background-position:0% top}to{background-position:200% top}}.App{position:relative;z-index:1;background:transparent;font-family:var(--font-family);opacity:0;animation:fadeIn .3s ease-in forwards;height:100%;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{line-height:1.5;font-weight:400;color:#ffffffde;background-color:var(--color-purple);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-family: "BrownBagLunch";--color-pink: rgb(247, 215, 215);--color-purple: rgb(85, 104, 159)}.special-gothic-expanded-one-regular{font-family:Special Gothic Expanded One,sans-serif;font-weight:400;font-style:normal}*{font-family:Inter,sans-serif;font-style:normal}@font-face{font-family:BrownBagLunch;src:url(/BrownBagLunch.woff2) format("woff2"),url(/BrownBagLunch.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}body{min-width:320px;min-height:100vh;margin:0;padding:0}