@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);:root{--projectBackColor:#fff;--scroll-track:#bcbcbc;--scroll-thumb:#134f5c;--scroll-thumb-hover:#0c343d;--font-size-text:0.8rem;--line-height-text:2rem}@font-face{font-family:Montserrat;src:url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap)}*{box-sizing:border-box;font-family:Montserrat,sans-serif;font-size:.9rem}body{margin:0}#introductionMain{align-items:center;display:flex;justify-content:center;max-width:100%!important;min-height:100vh;overflow:hidden;position:relative;width:100vw}#introductionMain:before{-webkit-animation:back 17s linear infinite;animation:back 17s linear infinite;background-image:linear-gradient(45deg,#000,#0d1321,#101b32,#0d1f2f,#15314a,#0d1f2f,#000,#0d1321,#101b32,#0d1f2f,#15314a,#0d1f2f,#000);background-size:200% 200%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@-webkit-keyframes back{0%{background-position:0 100%;opacity:1}to{background-position:100% 0;opacity:1}}@keyframes back{0%{background-position:0 100%;opacity:1}to{background-position:100% 0;opacity:1}}.forAnimation{border-bottom:100vh solid #fff;border-left:100vh solid transparent;bottom:0;height:0;position:absolute;right:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform 2s linear;transition:transform 2s linear;transition:transform 2s linear,-webkit-transform 2s linear;width:0;z-index:1}.forAnimation.animate{-webkit-transform:scale(3);transform:scale(3)}.introContent{align-items:center;flex-wrap:wrap;margin-top:20px;position:relative;width:100%}.coverPhoto,.introContent{display:flex;justify-content:center}.coverPhoto>img{max-width:400px}.selfPhotoWrap{height:10rem;margin-right:1.875rem;position:relative;width:10rem}.selfPhotoBox,.selfPhotoShadow{border-radius:50%;-webkit-filter:brightness(90%);filter:brightness(90%);height:100%;overflow:hidden;width:100%}.selfPhotoBox{background-color:#fff}.selfPhoto{margin-left:.1875rem;object-fit:contain;width:100%}.selfIntro{color:#999;padding:.625rem 0 0}.selfIntro span{align-items:center;color:#fff;display:flex}.selfIntro h1{display:block;font-size:1.125rem}.selfIntro h2{font-size:.9375rem;opacity:.2}.selfIntro h2:last-child{margin-left:.625rem}.selfIntro h2:first-child{margin-right:.625rem}.wavingHand{-webkit-animation:waving 2s infinite;animation:waving 2s infinite;color:#fff;margin:0 1rem;-webkit-transform-origin:bottom center;transform-origin:bottom center}@-webkit-keyframes waving{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}50%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}to{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}}@keyframes waving{0%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}50%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}to{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}}.selfIntro p{font-size:.875rem;text-align:center}.aboutMeMain{display:flex;justify-content:center}.aboutMeWrap{color:#999;margin:3.125rem .625rem 0;max-width:31.25rem;padding:0 .625rem}.shortIntro{line-height:1.75rem;margin-bottom:1.875rem;text-align:justify}.mySkills{align-items:center;display:flex;flex-wrap:wrap}.mySkills>.eachMySkill,.mySkills>span{margin:0 .9375rem .9375rem 0;padding:.625rem}.mySkills>.eachMySkill{background-color:#fff;border:1px solid #134f5c;border-radius:.625rem;color:#134f5c;font-size:.75rem}.mySkills>.eachMySkill:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:700px){.coverPhoto>img{max-width:50%}}:root{--forStroke:#fff}#AboutMe{padding:1rem;position:relative}#AboutMe:before{background-color:#0d1f2f;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}#AboutMe .Title{color:#999}.aboutWrap{height:18rem;justify-content:center;overflow:hidden;padding:0 1rem 1rem}.aboutWrap,.infoBox{display:flex;position:relative}.infoBox{height:100%;max-width:100%;width:34rem}.infoBox>.hide{overflow:hidden;padding:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:0}.aboutNav,.aboutNavMobile{background-color:rgba(0,0,0,.3);border-radius:2rem;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:-9rem;margin-bottom:auto;margin-top:auto;padding:.7rem;position:absolute;top:0}.aboutNav .aboutNavIconBox,.aboutNavMobile .aboutNavIconBox{align-items:center;aspect-ratio:1/1;background-color:#000;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.aboutNav .aboutNavIconBox:hover,.aboutNavMobile .aboutNavIconBox:hover{background-color:#45818e}.aboutNav>.aboutNavIconBox:not(:last-child){margin-bottom:1.5rem}.aboutNavIconBox>.aboutNavIcon{background-color:transparent;color:#45818e;font-size:1.1rem}.aboutNav .aboutNavIconBox:hover>.aboutNavIcon,.aboutNavMobile .aboutNavIconBox:hover>.aboutNavIcon{color:#000!important}.aboutNav .aboutNavIconBox.active>.aboutNavIcon,.aboutNavMobile .aboutNavIconBox.active>.aboutNavIcon{color:#a2c4c9}.aboutNavMobile{display:none}@media screen and (max-width:800px){.aboutWrap{padding:0 0 5rem}.aboutNav{display:none}.aboutNavMobile{bottom:0;display:flex;left:0;margin:0 auto;padding:.7rem;position:absolute;right:0;top:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aboutNavMobile>.aboutNavIconBox:not(:last-child){margin-bottom:unset;margin-right:1.5rem}}.profile{align-items:center;background-color:#fff;border-radius:1rem;display:flex;height:100%;overflow:hidden;padding:.625rem;-webkit-transform:translatex(0);transform:translatex(0);transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;width:100%}.aboutPhotoBox{-webkit-filter:brightness(100%);filter:brightness(100%);max-height:100%;position:relative;width:8rem}.aboutPhotoBox:after,.aboutPhotoBox:before{aspect-ratio:1/1;content:"";height:0;position:absolute;width:0;z-index:1}.hello{-webkit-text-fill-color:hsla(0,0%,100%,0);-webkit-animation:helloSlide 8s infinite;animation:helloSlide 8s infinite;background:linear-gradient(-45deg,#a2c4c9 50%,#000 0);background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;color:transparent;font-size:2rem;font-weight:600;overflow:hidden;position:absolute;right:-3.2rem;top:4rem}@-webkit-keyframes helloSlide{0%{background-position:100% 100%}to{background-position:0 0}}@keyframes helloSlide{0%{background-position:100% 100%}to{background-position:0 0}}.myPhotoBox{border-radius:1rem;height:100%;position:relative;width:100%}.myPhotoBox:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.myPhotoBox:after{-webkit-text-fill-color:hsla(0,0%,100%,0);background-size:cover;background:linear-gradient(-45deg,#a2c4c9 70%,#000 0);background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;bottom:0;color:transparent;content:"Hello";font-size:2rem;font-weight:600;position:absolute;right:-35%;top:30%;z-index:-1}.myPhotoBox>img{-webkit-filter:brightness(100%);filter:brightness(100%);object-fit:contain;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:100%}.aboutOverview{background-color:#fff;height:100%;margin-left:4rem;overflow-y:auto;padding:.625rem;scrollbar-width:thin!important;width:25rem}.aboutOverview::-webkit-scrollbar{width:.3125rem}.aboutOverview::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:1rem}.aboutOverview::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:1rem}.aboutOverview::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.aboutOverview>p{color:#999;font-size:var(--font-size-text);line-height:var(--line-height-text);text-align:justify}@media screen and (max-width:700px){.aboutOverview{margin-left:2.5rem;padding:0 .3rem 0 0}.aboutOverview>p{color:#999;line-height:1.5rem;text-align:left}}.work{background-color:#fff;border-radius:1rem;height:100%;padding:.625rem;-webkit-transform:translatex(0);transform:translatex(0);transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;width:100%}.work>h1{color:#101b32;font-size:.9rem;font-weight:700;opacity:.9}.workWrap{background-color:#fff;color:#999;height:calc(100% - 2.5rem);overflow-y:auto;padding-right:.625rem;scrollbar-width:thin!important;width:100%}.workWrap::-webkit-scrollbar{width:.3125rem}.workWrap::-webkit-scrollbar-track{background:var(--scroll-track)}.workWrap::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:1rem}.workWrap::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);border-radius:1rem}.workWrap h2{margin-bottom:0}.workWrap .period{font-size:.7rem}.workWrap .eachWork{margin-bottom:2rem}.workWrap span{display:block;font-size:var(--font-size-text);line-height:var(--line-height-text)}.workWrap ul{padding-left:1rem}.workWrap li{font-size:var(--font-size-text);line-height:var(--line-height-text)}.study{background-color:#fff;border-radius:1rem;height:100%;padding:.625rem;-webkit-transform:translatex(0);transform:translatex(0);transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;width:100%}.study>h1{color:#101b32;font-size:.9rem;font-weight:700;opacity:.9}.studyWrap{background-color:#fff;color:#999;height:calc(100% - 2.5rem);overflow-y:auto;padding-right:.625rem;scrollbar-width:thin!important;width:100%}.studyWrap h2{margin-bottom:0}.studyWrap .period{font-size:.7rem}.studyWrap .eachStudy{margin-bottom:2rem}.studyWrap::-webkit-scrollbar{width:.3125rem}.studyWrap::-webkit-scrollbar-track{background:var(--scroll-track)}.studyWrap::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:1rem}.studyWrap::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);border-radius:1rem}.studyWrap span{display:block;font-size:var(--font-size-text);line-height:var(--line-height-text)}.studyWrap ul{padding-left:1rem}.studyWrap li{font-size:var(--font-size-text);line-height:var(--line-height-text)}.projectMaster{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;overflow-x:hidden;padding:0 .625rem}.projectsSection{position:relative}.projectsSection:before{background-color:#0d1321;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.Title{align-items:center;display:flex;font-size:1.25rem;justify-content:center;margin:0 0 2.5rem;padding-top:3.125rem;width:100%}.projectsSection .Title{color:#999}.projectHighlight{display:flex;margin-bottom:2.5rem;margin-left:2rem;overflow-x:auto;scrollbar-width:thin!important;width:100%}.projectHighlight::-webkit-scrollbar{height:.5rem}.projectHighlight::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:1rem}.projectHighlight::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:1rem}.projectHighlight::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}@media screen and (max-width:700px){.projectHighlight{display:block;margin:0;max-width:100%;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.projectWrap{background-color:var(--projectBackColor);border-radius:.625rem;flex-shrink:0;height:30rem;margin:0 1rem 0 0;max-width:100%;opacity:0;padding:.625em;transition:opacity 2s ease-out;width:25rem}.projectWrap.comingSoon{align-items:center;background-color:#0d1f2f;color:#999;display:flex;flex-direction:column}.projectWrap.visible{opacity:1}.projectWrap:last-child{margin-bottom:1.875rem}.projectMain{display:flex;height:25rem;overflow:hidden;padding:0 .625rem;position:relative;width:100%}.projectScreenshot{border-radius:1.25rem;flex-grow:0;flex-shrink:0;overflow:hidden;width:50%}.projectScreenshot>img{-webkit-filter:grayscale(80%);filter:grayscale(80%);height:100%;object-fit:cover;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:100%}.projectScreenshot>img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.05);transform:scale(1.05)}.projectDescriptionWrap{margin-left:1.25rem;position:relative;width:100%}.projectDescription{height:100%;position:relative}.projectTitle{font-size:1.25rem;margin-bottom:1.5625rem}.projectSkills{display:flex;flex-wrap:wrap;margin-bottom:.625rem}.projectSkills>.eachSkill{background-color:#fff;border:1px solid #134f5c;border-radius:.625rem;color:#134f5c;font-size:.625rem;margin:.9375rem .9375rem 0 0;padding:.625rem}.projectOverview{flex-grow:1;opacity:.3;overflow-y:auto;padding:0 .625rem 1.875rem 0;scrollbar-width:thin!important;text-align:justify}.projectOverview::-webkit-scrollbar{width:.3125rem}.projectOverview::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:1rem}.projectOverview::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:1rem}.projectOverview::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.projectOverview>p{color:#444;font-size:var(--font-size-text);line-height:var(--line-height-text)}.openDescription{background-color:#134f5c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:block;left:.625rem;padding:.8125rem;position:absolute;top:40%;-webkit-transform:rotate(270deg);transform:rotate(270deg);z-index:1}.openDescription:hover{background-color:#45818e}.expand .openDescription{left:-2.3125rem}.projectDescription{background-color:var(--projectBackColor);border-radius:.625rem;display:flex;flex-direction:column;height:95%;overflow-y:hidden;padding:1.25rem 0 .625rem .625rem;position:absolute;right:0;top:0;transition:width .2s linear;width:100%}.collapse.projectDescription{overflow-x:hidden}.expand.projectDescription{overflow-y:unset!important;width:200%}.expand .fadeBox{display:none}.expand .projectOverview,.expand .skillsTitle{opacity:1}.skillsTitle{opacity:.3}.fadeBox{background:linear-gradient(270deg,transparent,#fff);bottom:0;height:80%;overflow:hidden;position:absolute;width:11.875rem}.projectLink{display:none}.projectLink>a,.projectLinkMobile>a{text-decoration:none}.projectLinkMobile{display:flex;justify-content:space-around;margin-top:1.25rem}.gitBox,.liveBox{background-color:#f0fcd4;border-radius:5px;color:#247749;font-size:.875rem;padding:.625rem}.gitBox:hover,.liveBox:hover{background-color:#faffee}.comingSoonTitle{align-items:flex-end;display:flex;font-size:1rem;height:30%;justify-content:center;margin-bottom:3rem;position:relative;width:100%}.comingSoonBar{background-color:#999;bottom:-1.5rem;content:"";height:.3rem;left:0;margin-left:auto;margin-right:auto;overflow:hidden;position:absolute;right:0;width:10rem}.comingSoonBar:after{-webkit-animation:progress 5s infinite;animation:progress 5s infinite;background:linear-gradient(45deg,#000,#15314a);background-size:200% 200%;content:"";height:100%;left:0;position:absolute;top:0;width:var(--width)}@-webkit-keyframes progress{0%{background-position:50% 50%}to{background-position:0 0}}@keyframes progress{0%{background-position:50% 50%}to{background-position:0 0}}.comingSoonSkills{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.comingSoonSkill{border:1px solid #134f5c;border-radius:1rem;font-size:.625rem;margin:0 1rem 1rem 0;padding:.625rem}.comingSoonButton{align-items:flex-end;display:flex;flex-grow:1;padding-bottom:.625rem}.comingSoonButton>a{background-color:transparent;border:1px solid #999;border-radius:5px;color:#999;cursor:pointer;font-size:.7rem;padding:.675rem;text-decoration:none}@media screen and (max-width:700px){.projectWrap{margin:0 0 2.5rem}.projectOverview>p{line-height:1.75rem}}.quote-box{background-color:#fff;border-radius:5px;display:block;width:80%}#quote{display:block;overflow:hidden;padding:1.25rem}#author{display:block;float:right}.quote-box .button-box{display:flex;margin:0 0 1rem;width:100%}#tweet-quote{align-items:center;cursor:pointer;display:flex;flex-grow:1;margin-left:2rem}#tweet-quote>svg{font-size:1.5rem}#new-quote{border:none;border-radius:2px;color:#fff;cursor:pointer;float:right;margin-right:2rem;padding:.625rem}.quoteMain{align-items:center;display:flex;height:18.75rem;justify-content:center;max-width:100%;padding:.625rem;transition:background-color 2s}:root{--grey:#bcbcbc;--dark-grey:#444;--button-color:grey;--background-color:#fff;--equal:#2986cc;--display-font:#000;--clear:#f44336}.Calculator{align-items:center;display:flex;justify-content:center;margin-top:1.25rem;max-width:100%}.Calculator button{background-color:grey;background-color:var(--button-color);border:none;border-radius:50px!important;color:#000;cursor:pointer;height:2.1875rem}.container{background-color:#fff;background-color:var(--background-color);border-radius:5px;display:block;padding:0 1.25rem 1.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container-one{margin-bottom:1.25rem}.container-one,.container-two{grid-gap:1.25rem;display:grid;grid-template-columns:11.25rem 11.25rem 11.25rem 11.25rem}.Calculator #display{align-items:center;background-color:grey;background-color:var(--button-color);border-radius:.625rem;color:#000;color:var(--display-font);display:flex;grid-column:1/span 4;height:2.5rem;justify-content:right;padding-right:.625rem}#equals{background-color:#2986cc;background-color:var(--equal)}#name{align-items:center;color:#bcbcbc;color:var(--grey);display:flex;grid-column:1/span 2;grid-row:2;justify-content:center}#cancel{background-color:#444;background-color:var(--dark-grey);grid-column:3;grid-row:2}#clear{background-color:#f44336;background-color:var(--clear);grid-row:2}#add,#clear{grid-column:4}#add{grid-row:1}#subtract{grid-column:4;grid-row:2}#multiply{grid-column:4;grid-row:3}#divide{grid-column:4;grid-row:4}#zero{grid-column:1;grid-row:4}@media screen and (max-width:800px){.container-one,.container-two{grid-gap:1.25rem;display:grid;grid-template-columns:3.4375rem 3.4375rem 3.4375rem 3.4375rem}}#drum-machine{align-items:center;display:inline-flex;justify-content:center;margin:.9375rem 0 .3125rem;width:100%}#drum-pad-container{align-items:center;box-shadow:.3125rem .3125rem 10px grey;display:grid;grid-template-columns:repeat(3,3.125rem);grid-template-rows:repeat(3,3.125rem)}.drum-pad{align-items:center;aspect-ratio:1;display:flex;font-size:large;justify-content:center}.drum-pad.enable:hover{cursor:pointer}.drum-pad.enable:hover,.key-clicked{background-color:orange}.key-clicked-after{background-color:none;transition:all 3s}#drum-machine #display{display:flex;justify-content:center;margin-left:3.125rem;position:relative;width:13.125rem}#display #display_text{height:1.25rem}.text{opacity:0;text-decoration:none}.fadein{opacity:1;transition:opacity .5s}.drumEnable{background-color:#93c47d;border-radius:1.25rem;cursor:pointer;display:block;height:1.25rem;position:absolute;top:-3.125rem;width:2.5rem}.drumEnable.disable{background-color:#e06666}.drumEnable .enableBall{background-color:#000;border-radius:1.25rem;height:1.25rem;-webkit-transform:translateX(0);transform:translateX(0);transition:all .2s ease-in;width:1.25rem}.smallProjects{margin:0 0 1.875rem;max-width:60rem;overflow-x:hidden;padding:0 1rem;width:100%}.smallProjectsWrap{overflow:hidden;transition:height 2s linear}.smallProjectsWrap.hide{height:0!important;overflow:hidden}.smallProjectsWrap.show~.showMore{margin-top:1rem}.showMore{display:flex;justify-content:center}.showMoreBtn{background-color:#134f5c;border:none;border-radius:.625rem;color:#fff;cursor:pointer;height:2.5rem;width:6.25rem}.showMoreBtn:hover{background-color:#0c343d}.smallProject{background-color:var(--projectBackColor);border-radius:.625rem;margin-bottom:3.125rem;opacity:0;padding:1rem;transition:opacity 2s ease-out;width:100%}.smallProject:last-child{margin-bottom:0;padding-bottom:1.25rem}.smallProject.visible{opacity:1}.smallProjectHead{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.625rem}.smallProjectTitle{font-size:1rem;margin-bottom:.625rem}.skillsBar{display:flex;margin-left:.625rem}.smallProjectHead>.eachSkill{background-color:#fff;border:1px solid #134f5c;border-radius:.625rem;color:#134f5c;font-size:.625rem;margin:0 0 .625rem .625rem;padding:.625rem}.smallProjectLink{display:flex;justify-content:right;margin-top:1.25rem;padding-right:1.25rem}.smallProjectLink>a{text-decoration:none}@media screen and (max-width:700px){.smallProjectLink{display:flex;justify-content:space-around;margin-top:1.25rem;padding:0}.emptyBox{padding:.625rem;width:5.625rem}}@media screen and (max-width:400px){.smallProjects{margin:0 0 1.875rem;padding:0}}.contactInfo{flex-wrap:wrap;justify-content:center;margin:0 .625rem 1.25rem}.contactInfo,.contactInfoBox{align-items:center;display:flex}.contactInfoBox{margin:0 1.25rem 1.25rem 0}.contactInfoBox:last-child{margin-right:0}.contactInfoBox>a{color:#000;margin-left:.625rem;text-decoration:none}#ContactForm{opacity:0;padding-bottom:1rem;position:relative;transition:opacity 2s linear}#ContactForm:before{background-color:#000;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}#ContactForm .Title{color:#999}#ContactForm .messageIcon{margin-left:1rem}#ContactForm .type{font-size:1.25rem;letter-spacing:.2rem;margin-left:1rem;padding-bottom:.15rem;position:relative}#ContactForm .type:before{-webkit-animation:typeEffect 15s steps(7,start) infinite,borderEffect .5s infinite;animation:typeEffect 15s steps(7,start) infinite,borderEffect .5s infinite;background-color:#000;color:#999;content:"|";position:absolute;right:0;top:0}@-webkit-keyframes typeEffect{0%{width:100%}10%{width:0}to{width:0}}@keyframes typeEffect{0%{width:100%}10%{width:0}to{width:0}}@-webkit-keyframes borderEffect{0%{color:transparent}to{color:#fff}}@keyframes borderEffect{0%{color:transparent}to{color:#fff}}#ContactForm.visible{opacity:1}.formWrap{display:flex;justify-content:center;padding:0 .625rem;width:100%}#formToSubmit{margin:0 .625rem 1.25rem;max-width:90%;position:relative;width:37.5rem}#formToSubmit>button,.loadingButton{align-items:center;background-color:#6aa84f;border:none;border-radius:.625rem;color:#fff;cursor:pointer;display:flex;float:right;height:2.5rem;justify-content:center;width:3.75rem}#formToSubmit>button:hover{background-color:#38761d}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.loadingButton>.loadingIcon{-webkit-animation:rotation 2s ease-in infinite;animation:rotation 2s ease-in infinite}.formPart{margin-bottom:1.25rem;width:100%}.formPart>label{color:grey;display:block;margin-bottom:.625rem}.formPart>input{border:none;box-sizing:border-box;max-width:100%;padding:.625rem;width:37.5rem}.formPart>label[required]:after{content:" *"}.formPart>input:focus,.formPart>textarea:focus{outline:1px solid #bcbcbc}.formPart>textarea{border:none;box-sizing:border-box;height:150px!important;line-height:1.5rem;max-width:100%!important;overflow-y:auto;padding:.625rem;resize:none;width:37.5rem}.messageBoxWrap{align-items:center;height:0;justify-content:center;opacity:0;position:fixed;top:0;transition:visibility 0s,opacity 2s linear;width:0;z-index:2}.messageBoxWrap.sendClick{display:flex;height:70vh;max-width:100%;opacity:1;visibility:visible;width:100vw}.boxShow{opacity:1}.messageBoxWrap.noSend{opacity:0;visibility:hidden}.messageBox{align-items:center;border-radius:1.25rem;color:#eee;display:flex;height:12.5rem;justify-content:center;overflow:hidden;padding:1.25rem;position:relative;width:25rem;z-index:2}.messageBox.sendFail:before,.messageBox.sendSuccess:before{content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:-1}.messageBox.sendSuccess:before{background-color:#0d1f2f}.messageBox.sendFail:before{background-color:#600}.messageClose{cursor:pointer;position:absolute;right:1.25rem;top:1.25rem}.formBackground{background-color:#f5faff;border-radius:.625rem;height:calc(100% + 2.5rem);left:-1.25rem;position:absolute;right:0;top:-1.25rem;width:calc(100% + 2.5rem);z-index:-1}.beforeMain{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100%!important;min-height:80vh;position:relative;width:100vw}.animateBox{-webkit-animation:animate 1s steps(5) infinite;animation:animate 1s steps(5) infinite;background:url(/static/media/running01.e5cc26577df5e77f928e.png);height:256px;position:relative;-webkit-transform:scale(.5);transform:scale(.5);width:256px}@-webkit-keyframes animate{0%{background-position:0}to{background-position:1280px}}@keyframes animate{0%{background-position:0}to{background-position:1280px}}.animateDots{bottom:-20px;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.animateDots,.dotBox{align-items:center;display:flex}.dotBox{height:32px;justify-content:center;width:32px}.dotBox:not(:last-child){margin-right:20px}.dotOne,.dotThree,.dotTwo{-webkit-animation:dotAnimate 1s ease-in infinite;animation:dotAnimate 1s ease-in infinite;border:4px solid #bcbcbc;border-radius:50%;height:24px;width:24px}@-webkit-keyframes dotAnimate{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes dotAnimate{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.5);transform:scale(.5)}}.dotTwo{-webkit-animation-delay:.25s;animation-delay:.25s}.dotThree{-webkit-animation-delay:.5s;animation-delay:.5s}html{scroll-behavior:smooth;scroll-padding-top:3.1875rem}.navMain{align-items:center;display:flex;padding:.625rem;position:fixed;right:0;top:0;width:100%;z-index:2}.navMain.show{background-color:#f5faff}.navMain.hide{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navBar{align-items:center;display:flex;flex-grow:1;justify-content:right;padding:0 .625rem;-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.navBar.show{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);visibility:visible}.navBar.hide{flex-grow:0;height:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);visibility:hidden;width:0}.navBar>a{color:#0c343d;padding:0 .625rem;text-decoration:none}.navBar>a:not(:last-child){border-right:1px solid #bcbcbc}.navBar>a:hover{color:#45818e}.navBar>.resume{align-items:center;display:flex}.resume>.resumeIcon{margin-right:.3125rem}.navIcon{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.3125rem}@media screen and (max-width:550px){html{scroll-padding-top:0}.navMain{align-items:flex-end;flex-direction:column;height:100%;padding:.625rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navMain.hide{height:0;width:0}.navBar{align-items:center;flex-direction:column;justify-content:right;order:2;padding:.625rem;-webkit-transform-origin:right;transform-origin:right}.navBar.show{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.navBar.hide{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.navBar>a{padding:1rem 0}.navBar>a:not(:last-child){border-bottom:1px solid #eee;border-right:none}.navIcon{margin-bottom:.625rem;order:1}}
/*# sourceMappingURL=main.f320a22d.css.map*/