*{box-sizing:border-box}body,html{overflow-x:hidden;width:100%}@font-face{font-family:streamster;src:url(/static/media/Streamster.100ed9e790edecf5bd6a.ttf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{text-align:center}li,p{font-weight:500}hr{background-color:grey;border:0;height:1px;width:50%}.row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.column{display:flex;flex-basis:100%;flex:1 1;flex-direction:column}#root>header>div>div>div.MuiBox-root.css-1lvtzne{color:#fff}.MuiBox-root.css-1t6c9ts{justify-content:center}.text-box{background-color:#00ead3;color:#000}.image{height:100vh;position:fixed}.layer{position:absolute}.pfp{border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,255,255,.5));height:22.5vh;object-fit:cover;object-position:center;z-index:30}.pfpbg1{height:23.7vh;z-index:10}.pfpbg2{height:24vh;z-index:5}.pfpbg3{border-radius:50%;height:23vh;z-index:20}.AboutBox{padding:0 3%}.AboutImg{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:400px;padding-top:0;position:relative}@media (min-width:692px){.AboutImg{margin-top:-103vh}}.AboutTitle{color:#ffdf6b;font-family:Streamster;font-size:3vh;letter-spacing:5px;margin:0;text-shadow:2px 2px #005f99}.AboutText{display:flex;flex-direction:column;font-size:1.8vh;justify-content:flex-start;margin:auto;min-width:250px;text-align:left}.AboutText .fade-in-left{margin-left:20px;text-align:left}.AboutText .bullet-point{font-weight:700;margin-left:40px}.SocialsBox{padding:3%;text-align:center}.content{align-items:center;justify-content:center;position:relative;width:100%}.container,.content{display:flex;height:100vh}.container{background-image:linear-gradient(90deg,#0fa,#ff449f);flex-wrap:wrap}@media only screen and (max-width:600px){.content span.img-txt{color:#ffdf6b;font-family:Streamster;font-size:1.5rem;left:120px;padding:1rem;text-transform:uppercase;top:300px}}@media only screen and (min-width:600px){.content span.img-txt{color:#ffdf6b;font-family:Streamster;font-size:1.5rem;left:120px;padding:1rem;text-transform:uppercase;top:300px}}@media only screen and (min-width:768px){.content span.img-txt{color:#ffdf6b;font-family:Streamster;font-size:1.5rem;left:10px;padding:1rem;text-transform:uppercase;top:200px}}@media only screen and (min-width:992px){.content span.img-txt{color:#ffdf6b;font-family:Streamster;font-size:1.5rem;left:10px;padding:1rem;position:absolute;text-transform:uppercase;top:200px}}@media only screen and (min-width:1200px){.content span.img-txt{color:#ffdf6b;font-family:Streamster;font-size:1.5rem;left:10px;padding:1rem;position:absolute;text-transform:uppercase;top:200px}}.content span.titleName{color:#00ead3;font-family:Neonderthaw;font-size:6rem;padding:1rem;text-align:center}.neonTextG{color:#fff;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #0fa,0 0 80px #0fa,0 0 90px #0fa}@keyframes flickerG{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #0fa,0 0 80px #0fa,0 0 90px #0fa,0 0 100px #0fa,0 0 150px #0fa}20%,24%,55%{text-shadow:none}}.neonTextY{color:#fff;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #ffdf6b,0 0 80px #ffdf6b,0 0 90px #ffdf6b}@keyframes flickerY{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #ffdf6b,0 0 80px #ffdf6b,0 0 90px #ffdf6b,0 0 100px #ffdf6b,0 0 150px #ffdf6b}20%,24%,55%{text-shadow:none}}.arrow{left:50%;position:absolute;top:90%;transform:translate(-50%,-50%)}.arrow span{animation:animate 2s infinite;border-bottom:5px solid #ffdf6b;border-right:5px solid #ffdf6b;display:block;height:30px;margin:-10px;transform:rotate(45deg);width:30px}.arrow span:nth-child(2){animation-delay:-.2s}.arrow span:nth-child(3){animation-delay:-.4s}@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(20px,20px)}}.chatbot-arrow{bottom:90px;height:30px;position:fixed;right:16px;width:30px;z-index:1000}.chatbot-arrow span{animation:chatbot-arrow-down 2s infinite;border-bottom:2px solid #0ff;border-right:2px solid #0ff;display:block;height:12px;margin:-2px;transform:rotate(45deg);width:12px}.chatbot-arrow span:nth-child(2){animation-delay:-.2s}.chatbot-arrow span:nth-child(3){animation-delay:-.4s}@keyframes chatbot-arrow-down{0%{opacity:0;transform:rotate(45deg) translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(5px,5px)}}@media (max-width:768px){.chatbot-arrow,.chatbot-label{display:none}}.GlowButton1{background-color:#fde89f;border:0;border-radius:100px;box-shadow:inset 0 -25px 18px -14px #ffdf6b33,0 1px 2px #ffdf6b26,0 2px 4px #ffdf6b26,0 4px 8px #ffdf6b26;color:#005f99;cursor:pointer;display:inline-block;font-family:CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;font-size:2vh;padding:7px 20px;text-align:center;text-decoration:none;text-shadow:1px 1px #000;touch-action:manipulation;transition:all .25s;user-select:none;-webkit-user-select:none}.GlowButton1:hover{box-shadow:inset 0 -25px 18px -14px #ffdf6b59,0 1px 2px #ffdf6b40,0 2px 4px #ffdf6b40,0 4px 8px #f86bff40;transform:scale(1.05) rotate(-1deg)}.GlowButton{background:#111;border:none;border-radius:10px;color:#fff;cursor:pointer;outline:none;padding:.6em 2em;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;z-index:0}.GlowButton:before{animation:glowing-GlowButton 30s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;content:"";filter:blur(5px);-webkit-filter:blur(5px);height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}@keyframes glowing-GlowButton{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.GlowButton:after{background:#222;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.GlowButton:hover{box-shadow:inset 0 -25px 18px -14px #ffdf6b59,0 1px 2px #ffdf6b40,0 2px 4px #ffdf6b40,0 4px 8px #f86bff40,0 8px 16px #f46bfb40,0 16px 32px rgba(255,107,253,.515);transform:scale(1.15) rotate(-1deg);transition:all .25s}.AboutIcon{color:#ffdf6b;font-size:5vh;padding:2%;text-shadow:2px 2px #005f99}.pfpRow{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:25vh}:root{--red:#ea5353;--cyan:#45d3d3;--orange:#fcaf4a;--blue:#549ef2;--varyDarkBlue:#4c4e61;--grayishBlue:#a3a5ae;--veryLightGray:#fafafa;--weight1:200;--weight2:400;--weight3:600}.attribution{font-size:11px;text-align:center}.attribution a{color:#3e52a3}@media (max-width:450px){.cardTitle.cardTitle{font-size:1rem;margin:0}.box.box{height:25vw;margin:10px;padding-top:10px}.AboutTitle{margin-bottom:0;padding-bottom:0}}.cardText.cardText{font-size:.7rem}.skillIcon.skillIcon{float:right;width:30px}.box p{color:#ff0c}.box{border-radius:5px;box-shadow:0 30px 40px -20px #a3a5ae;box-shadow:0 30px 40px -20px var(--grayishBlue);margin:20px;padding:30px}@media (max-width:949px) and (min-width:450px){.row1-container{width:100%}.row1-container,.row2-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.box,.row2-container{margin:10px 25px}.box{height:120px;overflow:visible;padding:15px;text-align:center}.box.orange{width:100%}.skillIcon.skillIcon{float:right;margin-top:-20px;width:35px}.cardText.cardText{font-size:.6rem;margin-bottom:25px}.AboutTitle{margin-bottom:0;padding-bottom:0}.row1-container .fade-in{width:100%}}.cyan{border-top:3px solid #45d3d3;border-top:3px solid var(--cyan)}.red{border-top:3px solid #ea5353;border-top:3px solid var(--red)}.blue{border-top:3px solid #549ef2;border-top:3px solid var(--blue)}.orange{border-top:3px solid #fcaf4a;border-top:3px solid var(--orange)}@media (min-width:950px){.row1-container,.row2-container{align-items:center;display:flex;justify-content:center}.box-down{position:relative;top:150px}.box{margin:15px;min-height:250px;padding:15px;width:300px}.box h2{text-align:center}}.cardText{font-size:.8rem}.cardTitle{color:#fde89f}@media (max-width:499px){.shrink{transform:scale(.5)}.projectContainer.projectContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;position:relative;top:-200px;width:100%}.projectContainer .card{border-radius:10px;padding:2%;position:relative}.projectContainer .card .icon{background:red;height:100%;left:0;position:absolute;top:0;transition:.7s;width:100%;z-index:1}.projectContainer .card .face{height:200px;transition:.5s;width:300px}.projectContainer .card .face.face1{align-items:center;background:#333;display:flex;justify-content:center;position:relative;transform:translateY(100px);z-index:1}.projectContainer .card:hover .face.face1{background:#ff0057;transform:translateY(0)}.projectContainer .card .face.face1 .projectContent{opacity:1;transition:.5s}.projectContainer .card:hover .face.face1 .projectContent{opacity:1}.projectContainer .card .face.face1 .projectContent i{max-width:100px}.projectContainer .card .face.face2{align-items:center;background:#37a7eccf;box-shadow:0 20px 50px #000c;box-sizing:border-box;display:flex;justify-content:center;padding:0 20px 20px;position:relative;transform:translateY(-100px);width:500px}.projectContainer .card:hover .face.face2{transform:translateY(0)}.projectContainer .card .face.face2 .projectContent p{color:#414141;margin:0;padding:0;text-align:center}.projectContainer .card .face.face2 .projectContent h3{color:#fff;color:#414141;font-size:24px;margin:0 0 10px;padding:0;text-align:center}.projectContainer a{color:#414141;text-decoration:none}.projectImg.projectImg{height:100%;width:500px}.projectTitle{color:red;font-family:offside;font-size:2rem;letter-spacing:0}.projectLinkText.projectLinkText{color:blue;font-size:3rem;padding:0 2%}.projectDescription.projectDescription{font-size:24px;padding:0}}@media (max-width:1025px) and (min-width:500px){.shrink{transform:scale(.8)}.projectContainer{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;position:relative;top:-100px;width:100%}.projectContainer .card{border-radius:10px;height:200px;margin:25px;padding:2%;position:relative}.projectContainer .card .icon{background:red;height:100%;left:0;position:absolute;top:0;transition:.7s;width:100%;z-index:1}.projectContainer .card .face{height:200px;transition:.5s;width:300px}.projectContainer .card .face.face1{align-items:center;background:#333;display:flex;justify-content:center;position:relative;z-index:1}.projectContainer .card:hover .face.face1{background:#ff0057;transform:translate(-150px)}.projectContainer .card .face.face1 .projectContent{opacity:1;transition:.5s}.projectContainer .card:hover .face.face1 .projectContent{opacity:1}.projectContainer .card .face.face2{align-items:center;background:#37a7eccf;box-shadow:0 20px 50px #000c;box-sizing:border-box;display:flex;justify-content:center;padding:20px;position:relative;transform:translateY(-200px)}.projectContainer .card:hover .face.face2{transform:translate(150px,-200px)}.projectContainer .card .face.face2 .projectContent p{color:#414141;margin:0;padding:0;text-align:center}.projectContainer .card .face.face2 .projectContent h3{color:#fff;color:#414141;font-size:24px;margin:0 0 10px;padding:0;text-align:center}.projectContainer a{color:#414141;text-decoration:none}.projectImg{height:100%;width:100%}.projectTitle{color:red;font-family:offside;letter-spacing:0}a.projectLinkText{color:blue;font-size:2vh;padding:5%}.projectDescription{font-size:1vh;padding:5%}}@media (min-width:1025px){.projectContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:100%}.projectContainer .card{border-radius:10px;padding:2%;position:relative}.projectContainer .card .icon{background:red;height:100%;left:0;position:absolute;top:0;transition:.7s;width:100%;z-index:1}.projectContainer .card .face{height:200px;transition:.5s;width:300px}.projectContainer .card .face.face1{align-items:center;background:#333;display:flex;justify-content:center;position:relative;transform:translateY(100px);z-index:1}.projectContainer .card:hover .face.face1{background:#ff0057;transform:translateY(0)}.projectContainer .card .face.face1 .projectContent{opacity:1;transition:.5s}.projectContainer .card:hover .face.face1 .projectContent{opacity:1}.projectContainer .card .face.face1 .projectContent i{max-width:100px}.projectContainer .card .face.face2{align-items:center;background:#37a7eccf;box-shadow:0 20px 50px #000c;box-sizing:border-box;display:flex;justify-content:center;padding:20px;position:relative;transform:translateY(-100px)}.projectContainer .card:hover .face.face2{transform:translateY(0)}.projectContainer .card .face.face2 .projectContent p{color:#414141;margin:0;padding:0;text-align:center}.projectContainer .card .face.face2 .projectContent h3{color:#fff;color:#414141;font-size:24px;margin:0 0 10px;padding:0;text-align:center}}.projectContainer a{color:#414141;text-decoration:none}.projectImg{height:100%;width:100%}.projectTitle{color:red;font-family:offside;letter-spacing:0}a.projectLinkText{color:blue;font-size:2vh;padding:5%}.projectDescription{font-size:1vh;padding:5%}.fade-in-left{opacity:0;transform:translateX(-50px);transition:opacity .8s ease-in-out,transform .8s ease-in-out}.fade-in-left.animate{opacity:1;transform:translateX(0)}.fade-in{opacity:0;transition:opacity .8s ease-in-out}.fade-in.animate{opacity:1}.bounce-in-left{opacity:0;transform:translateX(-100px);transition:opacity .8s ease-in-out,transform .8s ease-in-out}.bounce-in-left.animate{opacity:1;transform:translateX(0)}.bounce-in-left,.fade-in,.fade-in-left{display:block}.box .fade-in{display:block;height:100%;width:100%}.AboutImg .row:not(.pfpRow){align-items:flex-start;display:flex;justify-content:center;margin-top:0}.AboutImg .row:not(.pfpRow) .fade-in-left{align-items:center;display:flex;justify-content:center;margin-top:100px;position:relative}@media (min-height:1000px){.AboutImg .row:not(.pfpRow) .fade-in-left{margin-top:170px}.AboutImg{margin-top:-105vh}.AboutText{font-size:inherit}@media (max-width:670px){.AboutImg{margin-top:0}}}.pfpRow .fade-in-left{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;position:relative;width:100%}.pfpRow .layer{left:50%;position:absolute;top:0;transform:translateX(-50%)}.box{min-height:200px;position:relative}.skillIcon{float:right;width:50px}.box h2,.box p,.skillIcon{position:relative;z-index:1}.AboutIcon{align-items:center;display:flex;gap:20px;justify-content:center}.section-header{padding-bottom:60px;padding-top:60px;text-align:center}@media (max-width:949px) and (min-width:450px){.section-header{padding-bottom:30px;padding-top:30px}.box{min-height:auto}}@media (max-width:450px){.section-header{padding-bottom:20px;padding-top:20px}.box{min-height:auto}}.interests-label{font-weight:500}.app-bar-custom{background:#000000e6!important}.app-bar-custom .MuiButton-root,.app-bar-custom .MuiTypography-root,.app-bar-custom a{color:#fff!important;font-family:Streamster!important;font-size:1.6rem!important;font-weight:400;letter-spacing:1px;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #fff,0 0 80px #fff;text-transform:capitalize}.app-bar-custom .MuiButton-root:hover,.app-bar-custom .MuiTypography-root:hover,.app-bar-custom a:hover{color:#ffdf6b!important;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #ffdf6b,0 0 80px #ffdf6b,0 0 90px #ffdf6b}.chatbot-icon{filter:drop-shadow(0 0 5px #00ffff);height:24px;width:24px}.chatbot-avatar-icon{filter:drop-shadow(0 0 3px #00ffff);height:20px;width:20px}.chatbot-dialog-content{display:flex;flex-direction:column;padding:0}.chatbot-messages-area{background:#000;border:1px solid #0ff;flex:1 1;overflow:auto;padding:16px}.chatbot-message-container{display:flex;justify-content:flex-end;margin-bottom:16px}.chatbot-message-container.bot{justify-content:flex-start}.chatbot-message-wrapper{align-items:flex-start;display:flex;gap:8px;max-width:80%}.chatbot-avatar{align-items:center;background-color:#0ff;box-shadow:0 0 10px #0ff;display:flex;height:32px;justify-content:center;width:32px}.chatbot-message-paper{border:1px solid #0ff;border-radius:8px;box-shadow:0 0 10px #00ffff80;padding:16px}.chatbot-message-paper.user{background-color:#0ff3;color:#fff}.chatbot-message-paper.bot{background-color:#ffffff1a;color:#0ff}.chatbot-message-text{white-space:pre-line}.chatbot-message-text.user{text-shadow:0 0 2px #fff}.chatbot-message-text.bot{text-shadow:0 0 2px #0ff}.chatbot-loading-paper{background-color:#ffffff1a;border:1px solid #0ff;border-radius:8px;box-shadow:0 0 15px #00ffff80;padding:16px}.chatbot-input-area{background:#000;border-top:1px solid #0ff;padding:16px}.chatbot-input-wrapper{display:flex;gap:8px}.chatbot-send-button{align-self:flex-end;background-color:#0ff;box-shadow:0 0 15px #0ff;color:#000}.chatbot-send-button:hover{background-color:#3ff;box-shadow:0 0 20px #3ff}.chatbot-send-button:disabled{background-color:#00ffff4d;box-shadow:none}.jukebox-carousel-container{align-items:center;display:flex;flex-direction:column;height:600px;justify-content:space-between;margin:75px auto 0;max-width:1000px;min-height:600px;padding:20px}.jukebox-image-stack{height:350px;margin-bottom:30px;margin-top:20px;max-width:600px;position:relative;width:100%}.jukebox-image-container,.jukebox-image-stack{align-items:center;display:flex;justify-content:center}.jukebox-image-container{background:#000c;border:2px solid #0ff;border-radius:15px;box-shadow:0 0 30px #00ffff4d;cursor:pointer;height:300px;overflow:hidden;position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1);width:500px}.jukebox-image-container:hover{box-shadow:0 0 50px #0ff9;transform:scale(1.05)!important}.jukebox-project-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.jukebox-project-image[src*=giga-speed-extension]{background-color:#000c;object-fit:contain;padding:10px}.jukebox-image-container:hover .jukebox-project-image{transform:scale(1.1)}.jukebox-info-container{color:#fff;margin-top:20px;max-width:600px;position:relative;text-align:center;z-index:15}.jukebox-project-title{font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 20px #0ff}.jukebox-project-links{display:flex;gap:20px;justify-content:center;margin-bottom:10px}.jukebox-link-button{background:linear-gradient(45deg,#0ff,#0080ff);border:2px solid #0ff;border-radius:25px;box-shadow:0 0 20px #00ffff80;color:#000;font-size:1rem;font-weight:700;letter-spacing:1px;padding:12px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.jukebox-link-button:hover{background:linear-gradient(45deg,#3ff,#39f);box-shadow:0 0 30px #0ffc;color:#000;text-decoration:none;transform:translateY(-2px)}.jukebox-project-description{color:#ccc;font-size:1.1rem;line-height:1.6;text-shadow:0 0 5px #00ffff4d}.jukebox-indicators{display:flex;gap:10px;justify-content:center;margin-top:15px;position:relative;z-index:15}.jukebox-indicator{background:#0000;border:2px solid #0ff;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.jukebox-indicator:hover{background:#00ffff4d;box-shadow:0 0 10px #00ffff80}.jukebox-indicator.active{background:#0ff;box-shadow:0 0 15px #0ffc}.jukebox-carousel-container{height:500px;min-height:500px;position:relative}.jukebox-nav-button{background-color:#00ffff1a!important;border:2px solid #0ff!important;color:#0ff!important;height:50px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;width:50px!important;z-index:20!important}.jukebox-nav-button:hover{background-color:#0ff3!important;box-shadow:0 0 20px #00ffff80!important}.jukebox-nav-left{left:20px!important}.jukebox-nav-right{right:20px!important}@media (max-width:768px){.jukebox-carousel-container{height:550px;min-height:550px;padding:15px 10px}.jukebox-image-stack{height:250px;max-width:400px}.jukebox-image-container{height:200px;width:350px}.jukebox-project-title{font-size:2rem}.jukebox-project-links{align-items:center;flex-direction:column;gap:15px}.jukebox-link-button{font-size:.9rem;padding:10px 20px}.jukebox-project-description{font-size:1rem}.jukebox-nav-button{height:40px!important;width:40px!important}}@media (max-width:480px){.jukebox-carousel-container{padding:10px 5px}.jukebox-image-stack{height:200px;max-width:300px}.jukebox-image-container{height:150px;width:280px}.jukebox-project-title{font-size:1.5rem}.jukebox-project-description{font-size:.9rem}}@media (min-height:1000px){.jukebox-carousel-container{margin-top:150px}.jukebox-image-stack{margin-bottom:100px}.jukebox-info-container{margin-top:80px}}