@import url(https://fonts.googleapis.com/css?family=Exo+2:200i);*,:after,:before{box-sizing:border-box}#root,body,html{background-color:#0a192f;height:100%;margin:0;padding:0}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}#root{display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#aboutMeContent{font-size:20px}.about-actions{margin-top:30px}.resume-btn{background:transparent;border:2px solid #60f6d5;border-radius:8px;box-shadow:0 0 0 0 rgba(96,246,213,0);color:#60f6d5;cursor:pointer;display:inline-block;font-size:18px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.resume-btn:hover{background:rgba(96,246,213,.1);box-shadow:0 0 15px rgba(96,246,213,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.resume-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}@media (max-width:768px){#aboutMeContent{font-size:17px}.about-actions{margin-top:24px}.resume-btn{font-size:16px;padding:10px 20px}}@media (max-width:480px){#aboutMeContent{font-size:15px}.about-actions{margin-top:20px}.resume-btn{font-size:14px;padding:8px 16px}}#experienceContent{align-items:center;display:flex;flex:1 1;flex-direction:row;font-size:20px;gap:50px;justify-content:space-between}.info{margin-left:100px}.timeline,.timelineItem{flex-direction:column}.timelineItem{align-items:center;display:flex}.companyClick{border:2px solid red;cursor:pointer;margin:5px;padding:2px}.vl{border-left:3px solid red;height:25px}.info .jobTitle{margin-bottom:5px}.info .jobTitle,.info .setting{font-size:22px;font-weight:400;padding-left:30px}.info .setting{margin-bottom:20px}.info .description{font-size:17px}.info .rolesText{font-size:17px;font-weight:400}.info .roles,.info .roles .roleList{font-size:17px;font-weight:400;margin-top:0}@media (max-width:1024px){#experienceContent{gap:30px}.info{margin-left:50px}}@media (max-width:768px){#experienceContent{align-items:center;flex-direction:column;font-size:17px;gap:50px}.info{height:auto;margin-left:0;width:100%}.info .name{font-size:26px}.info .jobTitle,.info .setting{font-size:18px;padding-left:15px}.info .setting{margin-bottom:12px}.info .description,.info .roles,.info .roles .roleList,.info .rolesText{font-size:15px}}@media (max-width:480px){#experienceContent{font-size:15px;gap:40px}.info .name{font-size:22px}.info .jobTitle,.info .setting{font-size:16px;padding-left:10px}.info .description,.info .roles,.info .roles .roleList,.info .rolesText{font-size:14px}}#experienceTimeline{aspect-ratio:.37;position:relative;width:140px}.timelineLogoCompleted{-webkit-filter:opacity(1);filter:opacity(1)}.timelineLogoCompleted,.timelineLogoIncomplete{-webkit-tap-highlight-color:transparent;cursor:pointer;display:inline-block;position:absolute;width:30%}.timelineLogoIncomplete{-webkit-filter:opacity(.3);filter:opacity(.3)}.timelineLogoAnimatedNext{-webkit-animation:colorIn .8s forwards;animation:colorIn .8s forwards}.timelineLogoAnimatedBack,.timelineLogoAnimatedNext{-webkit-tap-highlight-color:transparent;cursor:pointer;display:inline-block;position:absolute;width:30%}.timelineLogoAnimatedBack{-webkit-animation:colorOut .8s forwards;animation:colorOut .8s forwards}.timelineContainer{display:inline-block;position:absolute}@-webkit-keyframes colorIn{0%{-webkit-filter:opacity(.3);filter:opacity(.3);offset-distance:0}to{-webkit-filter:opacity(1);filter:opacity(1);offset-distance:100%}}@keyframes colorIn{0%{-webkit-filter:opacity(.3);filter:opacity(.3);offset-distance:0}to{-webkit-filter:opacity(1);filter:opacity(1);offset-distance:100%}}@-webkit-keyframes colorOut{0%{-webkit-filter:opacity(1);filter:opacity(1);offset-distance:0}to{-webkit-filter:opacity(.3);filter:opacity(.3);offset-distance:100%}}@keyframes colorOut{0%{-webkit-filter:opacity(1);filter:opacity(1);offset-distance:0}to{-webkit-filter:opacity(.3);filter:opacity(.3);offset-distance:100%}}@property --progress-value{syntax:"<integer>";inherits:false;initial-value:0}@-webkit-keyframes css-progress{to{--progress-value:100}}@keyframes css-progress{to{--progress-value:100}}.circleBarCompleted{background:radial-gradient(closest-side,#0a192f 88%,transparent 90% 100%),conic-gradient(#60f6d5 100%,#8993ae 0)}.circleBarCompleted,.circleBarIncomplete{-webkit-tap-highlight-color:transparent;aspect-ratio:1;border-radius:50%;cursor:pointer;display:inline-block;position:absolute;width:44%}.circleBarIncomplete{background:radial-gradient(closest-side,#0a192f 88%,transparent 90% 100%),conic-gradient(#60f6d5 0,#8993ae 0)}.circleBarAnimatedNext{background:radial-gradient(closest-side,#0a192f 88%,transparent 90% 100%),conic-gradient(#60f6d5 calc(var(--progress-value)*1%),#8993ae 0)}.circleBarAnimatedBack,.circleBarAnimatedNext{-webkit-tap-highlight-color:transparent;-webkit-animation:css-progress .8s linear forwards;animation:css-progress .8s linear forwards;aspect-ratio:1;border-radius:50%;counter-reset:percentage var(--progress-value);cursor:pointer;display:inline-block;position:absolute;width:44%}.circleBarAnimatedBack{background:radial-gradient(closest-side,#0a192f 88%,transparent 90% 100%),conic-gradient(#60f6d5 calc((100 - var(--progress-value))*1%),#8993ae 0)}.bridgeBarCompleted{background-size:0 6px,100% 6px}.bridgeBarAnimatedNext,.bridgeBarCompleted{background-image:linear-gradient(90deg,#8993ae,#8993ae),linear-gradient(90deg,#60f6d5,#60f6d5);background-position:100% 0,0 0;background-repeat:no-repeat;display:inline-block;height:1%;position:absolute;width:39.1%}.bridgeBarAnimatedNext{-webkit-animation:progressForward .2s forwards;animation:progressForward .2s forwards}.bridgeBarAnimatedBack{-webkit-animation:progressBackward .2s forwards;animation:progressBackward .2s forwards}.bridgeBarAnimatedBack,.bridgeBarIncomplete{background-image:linear-gradient(90deg,#8993ae,#8993ae),linear-gradient(90deg,#60f6d5,#60f6d5);background-position:100% 0,0 0;background-repeat:no-repeat;display:inline-block;height:1%;position:absolute;width:39.1%}.bridgeBarIncomplete{background-size:100% 6px,0 6px}@-webkit-keyframes progressForward{0%{background-size:100% 6px,0 6px;offset-distance:0}to{background-size:0 6px,100% 6px;offset-distance:100%}}@keyframes progressForward{0%{background-size:100% 6px,0 6px;offset-distance:0}to{background-size:0 6px,100% 6px;offset-distance:100%}}@-webkit-keyframes progressBackward{0%{background-size:0 6px,100% 6px;offset-distance:0}to{background-size:100% 6px,0 6px;offset-distance:100%}}@keyframes progressBackward{0%{background-size:0 6px,100% 6px;offset-distance:0}to{background-size:100% 6px,0 6px;offset-distance:100%}}@media (max-width:768px){#experienceTimeline{width:120px}}@media (max-width:480px){#experienceTimeline{width:100px}}#projectsBox{flex-direction:column}.projectRow{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.project{border:2px solid #60f6d5;border-radius:10%;display:inline-block;height:160px;margin:16px;transition:all .2s ease-in-out;width:160px}.projectBox{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.project:hover{border:4px solid #60f6d5;margin:14px}.project-icon{color:#60f6d5;height:70px;margin-left:50%;margin-top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70px}.card-wrapper{border-radius:10%;height:100%;overflow:hidden;position:relative;width:100%}.card-wrapper:hover .card-bottom{background-color:rgba(39,40,39,.9);opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease-in-out}.card-top{height:100%;position:relative;width:100%;z-index:1}.card-bottom{color:#fff;height:100%;opacity:0;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .7s ease-in-out;width:100%;z-index:20}.card-bottom,.top-text{position:absolute;top:50%}.top-text{color:#e3e7f1;font-size:20px;left:50%;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.back{border:2px solid #60f6d5;border-radius:10%;color:#60f6d5;display:inline-block;margin-left:7%;padding:5px 10px}.projectTitle{color:#c2cff7;margin-top:0}.projectDescription{font-size:20px}@media (max-width:1024px){.project{height:140px;margin:12px;width:140px}.project:hover{margin:10px}.project-icon{height:60px;width:60px}.top-text{font-size:17px}}@media (max-width:768px){.projectRow{justify-content:center}.projectBox{flex:0 0 50%}.project{height:130px;margin:10px;width:130px}.project:hover{margin:8px}.project-icon{height:55px;width:55px}.top-text{font-size:15px}.back{font-size:18px;margin-left:5%}.projectDescription{font-size:17px}}@media (max-width:480px){.projectBox{flex:0 0 50%}.project{height:110px;margin:8px;width:110px}.project:hover{margin:6px}.project-icon{height:45px;width:45px}.top-text{font-size:13px}.back{font-size:16px;margin-left:4%;padding:4px 8px}.projectDescription{font-size:15px}}#contactContent{min-height:100%;padding-top:10%}.logos{display:flex;flex-direction:row;justify-content:space-between}.logo{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;transition:scale .2s ease-in-out}.logo:hover{scale:1.05}.logo a{all:unset;display:block}.logo p{font-size:13pt;margin-top:12px}.logo-icon{cursor:pointer}@-webkit-keyframes changeIconColor{0%{fill:#c2cff7;offset-distance:0}to{fill:#60f6d5;offset-distance:100%}}@keyframes changeIconColor{0%{fill:#c2cff7;offset-distance:0}to{fill:#60f6d5;offset-distance:100%}}@-webkit-keyframes changeText{0%{offset-distance:0;opacity:0}to{offset-distance:100%;opacity:1}}@keyframes changeText{0%{offset-distance:0;opacity:0}to{offset-distance:100%;opacity:1}}@media (max-width:768px){#contactContent{padding-top:5%}.logos{align-items:center;flex-direction:column;gap:30px}.logo{flex:initial;width:100%}.logo p{font-size:11pt;margin-top:8px;word-break:break-all}}@media (max-width:480px){#contactContent{padding-top:3%}.logos{gap:25px}.logo p{font-size:10pt}}.List{background-color:gray;display:flex;flex-direction:row;justify-content:space-between}.header{font-family:Exo\ 2,sans-serif;margin-bottom:50px;position:relative;text-align:center;vertical-align:middle}:root{--neon-text-color:#f40;--neon-border-color:#08f;font-size:10px}.header h2.siteTitle{-webkit-animation:flicker 2.2s infinite alternate;animation:flicker 2.2s infinite alternate;border:.4rem solid #fff;border-radius:2rem;color:#fff;display:inline-block;font-size:min(5vw,50px);font-style:italic;font-weight:200;margin-bottom:0;padding:1rem;text-transform:uppercase;-webkit-transform:translateY(-10%);transform:translateY(-10%)}h2::selection{background-color:#08f;background-color:var(--neon-border-color);color:#f40;color:var(--neon-text-color)}h2:focus{outline:none}@-webkit-keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem #08f,inset 0 0 2rem #08f,0 0 4rem #08f,inset 0 0 4rem #08f;box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem var(--neon-border-color),inset 0 0 2rem var(--neon-border-color),0 0 4rem var(--neon-border-color),inset 0 0 4rem var(--neon-border-color);text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem #f40,0 0 4rem #f40,0 0 6rem #f40,0 0 8rem #f40,0 0 10rem #f40;text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem var(--neon-text-color),0 0 4rem var(--neon-text-color),0 0 6rem var(--neon-text-color),0 0 8rem var(--neon-text-color),0 0 10rem var(--neon-text-color)}20%,24%,55%{box-shadow:none;text-shadow:none}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem #08f,inset 0 0 2rem #08f,0 0 4rem #08f,inset 0 0 4rem #08f;box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem var(--neon-border-color),inset 0 0 2rem var(--neon-border-color),0 0 4rem var(--neon-border-color),inset 0 0 4rem var(--neon-border-color);text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem #f40,0 0 4rem #f40,0 0 6rem #f40,0 0 8rem #f40,0 0 10rem #f40;text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem var(--neon-text-color),0 0 4rem var(--neon-text-color),0 0 6rem var(--neon-text-color),0 0 8rem var(--neon-text-color),0 0 10rem var(--neon-text-color)}20%,24%,55%{box-shadow:none;text-shadow:none}}@media (max-width:768px){.header{margin-bottom:30px}.header h2.siteTitle{border-width:.3rem;font-size:min(6vw,40px);padding:.7rem .8rem}}@media (max-width:480px){.header{margin-bottom:20px}.header h2.siteTitle{border-radius:1.2rem;border-width:.25rem;font-size:min(7vw,32px);padding:.5rem .6rem}}.App{background-color:#0a192f;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;width:100%}.content{color:#8993ae;margin:0 auto;max-width:1200px;min-height:50vh;padding-bottom:30px;width:80%}.highlight{color:#60f6d5}.title{color:#c2cff7;margin-top:0}.fade-enter{opacity:0;z-index:1}.fade-enter,.fade-enter.fade-enter-active{-webkit-transform:translate(0);transform:translate(0)}.fade-enter.fade-enter-active{opacity:1;transition:opacity 1.5s ease-out}@media (max-width:1024px){.content{width:85%}}@media (max-width:768px){.content{width:90%}.title{font-size:24px}}@media (max-width:480px){.content{width:92%}.title{font-size:20px}}.IconDisplay{display:inline-block;height:200px;position:relative;width:530px}.IconNavigator{align-items:flex-end;background-color:#0a192f;border-top:1px solid rgba(96,246,213,.1);display:flex;flex-shrink:0;justify-content:center;width:100%;z-index:1000}.nav-content{-webkit-transform-origin:center bottom;transform-origin:center bottom}.dot,.nav-content{display:inline-block}.dot{border:2px solid #60f6d5;border-radius:50%;cursor:pointer;position:absolute;text-align:center;transition:all .2s ease-in-out;vertical-align:middle}.dot:hover{border:4px solid #60f6d5}.icons{color:#60f6d5;margin-left:50%;margin-top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.arrows{color:#60f6d5;cursor:pointer;height:50px;position:relative;-webkit-transform:translateY(-85px);transform:translateY(-85px);transition:all .2s ease-in-out;width:50px}.arrows:hover{-webkit-transform:translateY(-85px) scale(1.2);transform:translateY(-85px) scale(1.2)}@-webkit-keyframes moveMain{0%{height:100px;offset-distance:0;width:100px}to{height:70px;offset-distance:100%;width:70px}}@keyframes moveMain{0%{height:100px;offset-distance:0;width:100px}to{height:70px;offset-distance:100%;width:70px}}@-webkit-keyframes moveMainIcon{0%{height:70px;offset-distance:0;width:70px}to{height:49px;offset-distance:100%;width:49px}}@keyframes moveMainIcon{0%{height:70px;offset-distance:0;width:70px}to{height:49px;offset-distance:100%;width:49px}}@-webkit-keyframes moveGrowToMain{0%{height:70px;offset-distance:0;width:70px}to{height:100px;offset-distance:100%;width:100px}}@keyframes moveGrowToMain{0%{height:70px;offset-distance:0;width:70px}to{height:100px;offset-distance:100%;width:100px}}@-webkit-keyframes moveGrowToMainIcon{0%{height:49px;offset-distance:0;width:49px}to{height:70px;offset-distance:100%;width:70px}}@keyframes moveGrowToMainIcon{0%{height:49px;offset-distance:0;width:49px}to{height:70px;offset-distance:100%;width:70px}}@-webkit-keyframes moveGrowToSide{0%{height:60px;offset-distance:0;width:60px}to{height:70px;offset-distance:100%;width:70px}}@keyframes moveGrowToSide{0%{height:60px;offset-distance:0;width:60px}to{height:70px;offset-distance:100%;width:70px}}@-webkit-keyframes moveGrowToSideIcon{0%{height:42px;offset-distance:0;width:42px}to{height:49px;offset-distance:100%;width:49px}}@keyframes moveGrowToSideIcon{0%{height:42px;offset-distance:0;width:42px}to{height:49px;offset-distance:100%;width:49px}}@-webkit-keyframes moveFade{0%{height:70px;offset-distance:0;width:70px}to{height:60px;offset-distance:100%;width:60px}}@keyframes moveFade{0%{height:70px;offset-distance:0;width:70px}to{height:60px;offset-distance:100%;width:60px}}@-webkit-keyframes moveFadeIcon{0%{height:49px;offset-distance:0;width:49px}to{height:42px;offset-distance:100%;width:42px}}@keyframes moveFadeIcon{0%{height:49px;offset-distance:0;width:49px}to{height:42px;offset-distance:100%;width:42px}}@media (max-width:1024px){.nav-content{margin:-30px -47px 0;-webkit-transform:scale(.85);transform:scale(.85)}}@media (max-width:768px){.nav-content{margin:-80px -126px 0;-webkit-transform:scale(.6);transform:scale(.6)}}@media (max-width:480px){.nav-content{margin:-110px -173px 0;-webkit-transform:scale(.45);transform:scale(.45)}}.info{-webkit-animation:fadeIn 2s;animation:fadeIn 2s;height:360px;margin:0;width:100%}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info .name{color:#60f6d5;font-size:35px;font-weight:400;margin-bottom:5px}.info .projectInfo{align-items:center;display:flex;flex-direction:row;gap:50px}.info .projectPic{min-width:400px;width:90vw}.info .description{color:#8993ae;font-size:19px;font-weight:400;margin-bottom:20px;padding-left:15px}.info .listedItems{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;margin-bottom:15px}.info .itemTitle{color:#c2cff7;font-size:24px;font-weight:400;padding-left:15px}.info .listItem{border:1px solid #60f6d5;border-radius:10px;color:#60f6d5;cursor:pointer;font-size:18px;font-weight:400;padding:6px;text-decoration:none}@media (max-width:1024px){.info .projectInfo{gap:30px}.info .projectPic{min-width:300px}}@media (max-width:768px){.info{height:auto}.info .projectInfo{align-items:flex-start;flex-direction:column;gap:20px}.info .projectPic{max-width:100%;min-width:0;min-width:auto;width:100%}.info .name{font-size:26px}.info .description{font-size:16px;padding-left:10px}.info .itemTitle{font-size:20px;padding-left:10px}.info .listItem{font-size:15px;padding:5px}.info .listedItems{gap:10px}}@media (max-width:480px){.info .name{font-size:22px}.info .description{font-size:14px;padding-left:8px}.info .itemTitle{font-size:18px;padding-left:8px}.info .listItem{font-size:13px;padding:4px}.info .listedItems{gap:8px}}
/*# sourceMappingURL=main.a44e0f11.css.map*/