@import url(https://fonts.googleapis.com/css?family=Dosis:200,600);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);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}:root{--title-color:#fff;--glitch-primary-color:#f0f;--glitch-secondary-color:#0ff}.swe-container{align-items:center;background:#000;color:#eaeaea;color:var(--text-color);display:flex;flex-direction:column;font-family:Dosis,serif;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.header{position:relative;width:100%;z-index:100}.subtitle,.title{display:flex;justify-content:center}.text-scramble-wrapper{position:relative;width:80px}.animated-title{align-items:center;width:100%}.animated-title,.animated-title h1{display:flex;justify-content:center;position:relative}.animated-title h1{animation:fadeIn .5s ease .2s forwards;flex-wrap:wrap;font-size:3rem;font-weight:200;letter-spacing:25px;margin:0 0 0 -2rem;opacity:0;padding:0}.animated-title h1>span{display:inline-block;margin:0 4px}.animated-title h1>span>span{display:inline-block;perspective:1000px;transform-origin:50% 50%}.animated-title h1>span>span>span{animation:OpeningSequence 5s linear forwards;display:inline-block;transform-style:preserve-3d}@keyframes fadeIn{to{opacity:1}}@keyframes OpeningSequence{0%{letter-spacing:80px;opacity:0;text-shadow:0 0 50px #fff;text-shadow:0 0 50px var(--title-color);transform:rotateY(-90deg)}50%{letter-spacing:14px;opacity:.8;text-shadow:0 0 2px #fff;text-shadow:0 0 2px var(--title-color);transform:rotateY(0deg)}85%{opacity:.8;text-shadow:0 0 3px #fff;text-shadow:0 0 3px var(--title-color);transform:rotateY(0deg) translateZ(100px)}to{opacity:1;pointer-events:none;text-shadow:0 0 5px #fff;text-shadow:0 0 5px var(--title-color);transform:translateZ(130px)}}.menu-controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:0 20px}.menu-btn{background:#0000;border:none;color:#eaeaea;color:var(--text-color);cursor:pointer;font-family:Dosis,serif;font-size:1.2rem;padding:15px 10px;transition:color .3s}@media (max-width:768px){.animated-title h1{animation:fadeIn 6s ease .2s forwards;font-size:2rem;font-weight:600;letter-spacing:10px;margin:0}.animated-title h1>span>span>span{animation:none;display:inline-block;transform-style:preserve-3d}.menu-controls{gap:10px}.menu-btn{font-size:1.2rem;padding:15px 10px}}.glitch-text{color:inherit;display:inline-block;position:relative}.glitch-text:hover:after,.glitch-text:hover:before{content:attr(title);left:0;position:absolute;width:100%}.glitch-text:hover:before{animation:glitchTop 1s linear infinite;clip-path:polygon(0 0,100% 0,100% 33%,0 33%);-webkit-clip-path:polygon(0 0,100% 0,100% 33%,0 33%);color:#f0f;color:var(--glitch-primary-color)}.glitch-text:hover:after{animation:glitchBottom 1.5s linear infinite;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);-webkit-clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);color:#0ff;color:var(--glitch-secondary-color)}@keyframes glitchTop{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px) skew(-13deg)}}@keyframes glitchBottom{2%,64%{transform:translate(-2px)}4%,60%{transform:translate(2px)}62%{transform:translate(-22px,5px) skew(21deg)}}*{box-sizing:border-box;padding:0}:root{--card-width:210px;--card-height:350px;--primary-color:#911ce5;--secondary-color:#1d08a6;--card-border-color:#ebb1ff;--text-color:#eaeaea;--highlight-color:#ffa632;--shadow-color:rgba(182,46,255,.595);--card-bg-color:#310000;--arrow-hover-color:#fff;--arrow-color:#acacac}.carousel-container{align-items:center;background:#0000;color:#eaeaea;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;position:relative;width:650px}.carousel-container h2,h2{color:#eaeaea;color:var(--text-color);font-size:1.5rem;font-weight:400;letter-spacing:3px;text-align:left;text-shadow:0 0 5px rgba(182,46,255,.595);text-shadow:0 0 5px var(--shadow-color);top:10px;width:100%}.scene{align-items:center;display:flex;justify-content:center;max-width:1000px;perspective:1000px;width:100%}.carousel{height:400px;position:relative;transform:translateZ(-400px);transform-style:preserve-3d;width:100%}.card,.carousel{transition:transform 1s}.card{cursor:pointer;height:350px;height:var(--card-height);left:50%;perspective:1000px;position:absolute;top:10px;transform:translateX(-50%) translateZ(400px);width:210px;width:var(--card-width)}.card.glow{animation:glow 3s infinite alternate;box-shadow:0 0 15px rgba(182,46,255,.595),0 0 30px #8900004d;box-shadow:0 0 15px var(--shadow-color),0 0 30px #8900004d;transition:box-shadow .3s ease}.card:not(.glow){animation:none;box-shadow:none}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s ease;width:100%}.card.flatten .card-front{box-shadow:0 50px 100px rgba(182,46,255,.595);box-shadow:0 50px 100px var(--shadow-color);transform:rotateX(75deg) translateY(-200px) translateZ(-250px);transition:transform .8s ease}.card.flatten .card-back{animation:bobbing 1.5s ease-in-out infinite;box-shadow:inset 0 -15px 30px 4px #e572ff5a;opacity:1;transition-delay:.8s}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:10px;box-shadow:0 0 15px rgba(182,46,255,.595),0 0 30px #5d04044d;box-shadow:0 0 15px var(--shadow-color),0 0 30px #5d04044d;display:flex;flex-direction:column;font-weight:600;justify-content:center;padding:20px;position:absolute;transition:opacity .8s ease-in}.card-front{background:radial-gradient(ellipse at top,#911ce5,#0000),radial-gradient(ellipse at bottom,#1d08a6,#0000);background:radial-gradient(ellipse at top,var(--primary-color),#0000),radial-gradient(ellipse at bottom,var(--secondary-color),#0000);border:3px solid #ebb1ff;border:3px solid var(--card-border-color);height:100%;transform:rotateY(0deg) translateZ(1px);transform-origin:center;transition:transform .8s ease;width:100%;z-index:2}.card-back{background:#000;border:2px solid #ebb1ff;border:2px solid var(--card-border-color);box-shadow:0 0 20px #0000004d;height:80%;margin-left:1.3rem;opacity:0;transform:rotate(0deg);transition:.6s;width:80%}.card-back-title{color:#ffa632;color:var(--highlight-color);font-size:1rem;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 5px rgba(182,46,255,.595);text-shadow:0 0 5px var(--shadow-color)}.card-back-text{color:#fffc;font-size:1rem;line-height:1.4;padding:0 10px;text-align:center}.card:hover:not(.flatten) .card-inner{box-shadow:0 0 30px rgba(182,46,255,.595),0 0 50px #89000080;box-shadow:0 0 30px var(--shadow-color),0 0 50px #89000080;transform:scale(1.1)}.card-image{background:#1d08a6;background:var(--secondary-color);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid var(--border-color);box-shadow:inset 0 0 20px rgba(182,46,255,.595);box-shadow:inset 0 0 20px var(--shadow-color);height:240px;margin-bottom:10px;opacity:.9;overflow:hidden;position:relative;transition:opacity .3s;width:130px}.card:hover .card-image{box-shadow:inset 0 0 30px rgba(182,46,255,.595);box-shadow:inset 0 0 30px var(--shadow-color);opacity:1}.card-image:before{background:linear-gradient(135deg,#8900004d,#0000 50%,#8900004d);content:"";inset:0;position:absolute;z-index:1}.card-title{color:#eaeaea;color:var(--text-color);font-size:1.3rem;letter-spacing:3px;text-shadow:0 0 5px rgba(182,46,255,.595);text-shadow:0 0 5px var(--shadow-color)}.card-tag{color:#ffa632;color:var(--highlight-color);font-size:.9rem;font-style:italic;margin-top:2px}.card-content{margin-top:5px;text-align:center}.controls{display:flex;gap:20px;justify-content:center}.next-btn,.prev-btn{background:#0000;border:none;color:#acacac;color:var(--arrow-color);cursor:pointer;font-family:Dosis,serif;font-size:2rem;padding:5px 15px;transition:color .3s}.next-btn:hover,.prev-btn:hover{color:#fff;color:var(--arrow-hover-color)}.card-symbol{color:#ffa632;color:var(--highlight-color);font-size:1.5rem;left:10px;opacity:.7;position:absolute;top:10px}@keyframes glow{0%,to{box-shadow:0 0 15px rgba(182,46,255,.595),0 0 30px #8900004d;box-shadow:0 0 15px var(--shadow-color),0 0 30px #8900004d}50%{box-shadow:0 0 20px rgba(182,46,255,.595),0 0 40px #89000080;box-shadow:0 0 20px var(--shadow-color),0 0 40px #89000080}}@keyframes static{0%{background-position:0 0}25%{background-position:100px -50px}50%{background-position:-50px 100px}75%{background-position:200px 100px}to{background-position:-100px -100px}}@keyframes bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:768px){.scene{max-width:500px}.card{transform:translateX(-50%) translateZ(300px)}:root{--card-width:180px;--card-height:300px}.card-title{font-size:1rem}.card-image{align-items:center;display:flex;height:160px;justify-content:center;overflow:hidden;width:100%}.card-back{padding:0}}.card-img-content{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:480px){.scene{max-width:320px}.carousel{transform:translateZ(-250px)}.card{transform:translateX(-50%) translateZ(250px)}:root{--card-width:150px;--card-height:250px}.card-image{height:160px;width:120px}.card-title{font-size:1rem}}:root{--career-text-color:#ecf0f1;--border-color:#ffffff4d}.career{color:#ecf0f1;color:var(--career-text-color);font-size:20px;line-height:200px;position:relative;width:100%}.career,.career__container{align-items:center;display:flex;justify-content:center}.career__container{height:40px;overflow:hidden;padding:0 20px;width:650px}.rounded-box{background-color:initial;border:1px solid #ffffff4d;border:1px solid var(--border-color);border-radius:12px;font-size:16px;padding:1.1rem 3rem;pointer-events:none;position:absolute;top:82px;z-index:2}.role-box{right:305px;width:10.8rem}.job-box{right:142px;width:8rem}.duration-box{right:-9px;width:7.5rem}.career__row{align-items:top;display:flex;gap:1rem;position:relative}.label{margin:1px;white-space:nowrap}.career__list{animation:change 10s infinite;display:flex;flex-direction:column;list-style:none;margin:0;padding-left:0;text-align:center}.career__list__item{height:40px;padding-left:0;text-align:center}@keyframes change{0%,8%,to{transform:translateZ(0)}12.5%,20.5%{transform:translate3d(0,-20%,0)}25%,33%{transform:translate3d(0,-40%,0)}37.5%,45.5%{transform:translate3d(0,-60%,0)}50%,58%{transform:translate3d(0,-80%,0)}62.5%,70.5%{transform:translate3d(0,-60%,0)}75%,83%{transform:translate3d(0,-40%,0)}87.5%,95.5%{transform:translate3d(0,-20%,0)}}@media (max-width:768px){.career{font-size:16px}.rounded-box{display:none}.career__row{gap:1rem}.career__list__item{text-align:center}.label{display:none}}:root{--matrix-color:#0dff00bf;--matrix-border-color:#474747;--gear-color:#747474;--career-header-color:#c5c8d4;--code-bg-color:#1d1e22;--code-bg-shadow-color:#00000080}.education-container{display:flex;justify-content:center;margin-left:9rem;padding:20px;width:650px}.illustration-editor{justify-items:center;position:relative}.code{background:#1d1e22;background:var(--code-bg-color);border-radius:6px;box-shadow:0 4px 30px #00000080;box-shadow:0 4px 30px var(--code-bg-shadow-color);height:135px;position:absolute;width:375px;z-index:5}svg{color:#747474;color:var(--gear-color);font-size:.9em}.code header{align-items:center;display:grid;grid-template-columns:36px auto 36px}.code header h1,.code-content{text-align:left}.code header svg{margin:15px}.code header h1{color:#c5c8d4;color:var(--career-header-color);font-family:Lato,sans-serif;font-size:12px;font-weight:900;letter-spacing:1.57px;margin:0}.code-nvc{left:-100px;top:40px}.code-uci{left:-25px;top:200px}.code-aws{left:-150px;top:360px}.code-content{color:#fff;font-size:14px;margin:0 10px 10px}.c-r{color:#a88038}.c-o{color:#de7300}.c-y{color:#e1ca72}.c-g{color:#74b087}.c-p{color:#9f8198}.c-b{color:#7a99ad}.c-c{color:#666}.matrix-canvas{border:1px solid #474747;border:1px solid var(--matrix-border-color);border-radius:15px;display:block;height:auto;height:450px;max-width:100%;position:relative;width:450px}.border-glow{align-items:center;display:flex;justify-content:center;overflow:hidden}.code-uci .inner{background:#1d1e22;border-radius:6px;color:#fff;padding-bottom:1.5rem;padding-right:2rem;z-index:1}.border-glow .inner{margin:2px}.border-glow:before{animation:rotate 5s linear infinite forwards;background:linear-gradient(90deg,#256a1200,#0dff00bf 50%,#0a431200);background:linear-gradient(90deg,#256a1200 0,var(--matrix-color) 50%,#0a431200 100%);content:"";display:block;height:300px;position:absolute;top:50%;transform:translate(0);transform-origin:top center;width:100px;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.education-container{margin:0;padding:10px;width:100%}.code{left:auto!important;margin-bottom:20px;position:relative;top:auto!important}.code-aws,.code-nvc,.code-uci{left:auto;margin:20px auto;position:relative;top:auto}.illustration-editor{align-items:center;display:flex;flex-direction:column}.matrix-canvas{display:none}}:root{--glowin-color:#fff}.glow-line{align-items:center;display:flex;justify-content:center;padding-bottom:1rem}.glowIn{color:#fff;color:var(--glowin-color);font-size:1.5rem;margin-bottom:0;margin-top:0;white-space:pre-wrap}.glowIn span{animation:glow-in .8s both;animation-delay:5s;display:inline-block}@keyframes glow-in{0%{opacity:0}65%{opacity:1;text-shadow:0 0 25px #fff;text-shadow:0 0 25px var(--glowin-color)}75%{opacity:1}to{opacity:.7}}:root{--dud-color:#757575}.container{position:relative}.text{display:inline-block;font-size:4rem;letter-spacing:1rem;opacity:0;transition:opacity 2s ease-in-out;white-space:nowrap}.text.visible{opacity:1}.dud{color:#757575;color:var(--dud-color)}@media (max-width:768px){.text{font-size:2.2rem}}:root{--icon-color:#dcdcdc;--icon-bg-color:#383838;--icon-box-shadow:#0000001a;--icon-text-color:#fff}.btn{align-items:center;background:none;border:none;color:#dcdcdc;color:var(--icon-color);display:flex;font-family:Poppins,serif;justify-content:center;text-decoration:none;z-index:2}.resume svg{font-size:1.1em}.linkedin svg,.resume svg{color:#dcdcdc;color:var(--icon-color);transition:.5s;transition-delay:.25s}.github svg,.linkedin svg{font-size:1.5em}.github svg{color:#dcdcdc;color:var(--icon-color);transition:.5s;transition-delay:.25s}.link-li:hover .btn svg{color:#fff;transform:scale(0);transition-delay:0s}.link-ul{bottom:20px;display:flex;flex-direction:row;gap:15px;position:fixed;right:20px;z-index:1000}.link-ul .link-li{align-items:center;background:#383838;background:var(--icon-bg-color);border-radius:60px;box-shadow:0 10px 25px #0000001a;box-shadow:0 10px 25px var(--icon-box-shadow);cursor:pointer;display:flex;height:40px;justify-content:center;list-style:none;position:relative;transition:.5s;width:40px}.link-ul .link-li:before{inset:0}.link-ul .link-li:after,.link-ul .link-li:before{background:linear-gradient(45deg,var(--i),var(--j));border-radius:60px;content:"";opacity:0;position:absolute;transition:.5s}.link-ul .link-li:after{filter:blur(15px);height:100%;top:10px;width:100%;z-index:-1}.link-ul .link-li:hover{box-shadow:0 10px 25px #0000001a;box-shadow:0 10px 25px var(--icon-box-shadow);width:180px}.link-ul .link-li:hover:before{opacity:1}.link-ul .link-li:hover:after{opacity:.5}.link-ul .link-li span{position:absolute}.link-ul .link-li .title{color:#fff;color:var(--icon-text-color);font-size:1em;letter-spacing:.1em;text-transform:uppercase;transform:scale(0);transition:.5s;transition-delay:0s}.link-ul .link-li:hover .title{transform:scale(1);transition-delay:.25s}:root{--terminal-color:#9f9}.screen{height:600px;position:relative;width:650px}.terminal_emulator{bottom:0;box-sizing:border-box;color:#9f9;color:var(--terminal-color);font-family:monospace;font-size:16px;font-weight:700;line-height:25px;min-height:100%;position:absolute;text-align:left;width:100%}.terminal_emulator__response{display:block;white-space:pre}.terminal_emulator__command,.terminal_emulator__field{margin:0 0 9px;padding:0 1em;position:relative}.terminal_emulator__command:before,.terminal_emulator__field:before{content:">";left:0;position:absolute;top:0}.terminal_emulator__field{box-sizing:border-box;display:inline-block;min-height:1.5em;min-width:1em}.terminal_emulator__field:after{animation:caretBlink 1s infinite;background:#9f9;background:var(--terminal-color);bottom:.25em;content:"";height:1.5em;position:absolute;right:0;width:1em}.terminal_emulator__field.waiting{padding-left:0;padding-right:0}.terminal_emulator__field.waiting:before{display:none}@keyframes caretBlink{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}@media (max-width:768px){.terminal_emulator{font-size:10px;font-weight:400}.terminal_emulator__response{display:block;white-space:normal}.screen{width:350px}}.App,body{background-color:#000}.App{color:#000;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
/*# sourceMappingURL=main.ecf70943.css.map*/