@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Xanh+Mono&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background:#000;height:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}html{scroll-behavior:smooth;overflow:auto}::-webkit-scrollbar{width:.6vw;height:0}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:grey}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#Navbar_Navbar__1npjJ{z-index:2000;padding:.2rem;height:10vh;transition:all .3s ease-in-out}.Navbar_Box-Shadow__5rbHG{box-shadow:2px 8px 15px 2px #000}.NavBrand_NavBrand__1zsos{margin-left:1rem;height:100%}.NavBrand_NavBrand__1zsos>img{display:inline-block;width:3rem;height:100%;transition:.05s ease-in}.NavBrand_NavBrand__1zsos:hover>img{transform:scale(1.1)}@media(max-width:1025px){.NavBrand_NavBrand__1zsos>img{width:5rem}}@media(max-width:750px){.NavBrand_NavBrand__1zsos>img{width:4rem}}.NavElements_NavElements__suXcc{margin-left:.6rem}#HamburgerButton_Mobile-Nav__Modal__olYbM{top:0;position:fixed;z-index:3000;background:#333;width:100vw;height:100vh;-webkit-clip-path:circle(0);clip-path:circle(0);transition:opacity .3s ease-in}#HamburgerButton_Mobile-Nav__Links__FzMRq{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;font-size:5rem}#HamburgerButton_Mobile-Nav__Modal__olYbM.HamburgerButton_Open__BkA3z{-webkit-animation:HamburgerButton_show-mobile-modal__19BPQ .4s ease-in-out .1ms 1 forwards;animation:HamburgerButton_show-mobile-modal__19BPQ .4s ease-in-out .1ms 1 forwards}#HamburgerButton_Mobile-Nav__Modal__olYbM.HamburgerButton_Close__TNbM0{opacity:0}@-webkit-keyframes HamburgerButton_show-mobile-modal__19BPQ{0%{-webkit-clip-path:circle(0 at 100% 0);clip-path:circle(0 at 100% 0)}to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}@keyframes HamburgerButton_show-mobile-modal__19BPQ{0%{-webkit-clip-path:circle(0 at 100% 0);clip-path:circle(0 at 100% 0)}to{-webkit-clip-path:circle(100%);clip-path:circle(100%)}}.HamburgerButton_Hamburger__4vqQx{z-index:3001;padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.HamburgerButton_Hamburger__4vqQx:focus{outline:none}.HamburgerButton_Hamburger__4vqQx.HamburgerButton_isActive__IXi_o:hover,.HamburgerButton_Hamburger__4vqQx:hover{opacity:.7}.HamburgerButton_Hamburger__4vqQx.HamburgerButton_isActive__IXi_o .HamburgerButton_Hamburger-Inner__2NrhX,.HamburgerButton_Hamburger__4vqQx.HamburgerButton_isActive__IXi_o .HamburgerButton_Hamburger-Inner__2NrhX:after,.HamburgerButton_Hamburger__4vqQx.HamburgerButton_isActive__IXi_o .HamburgerButton_Hamburger-Inner__2NrhX:before{background-color:#fff}.HamburgerButton_Hamburger-Box__38-ga{width:40px;height:24px;display:inline-block;position:relative}.HamburgerButton_Hamburger-Inner__2NrhX{display:block;top:50%;margin-top:-2px}.HamburgerButton_Hamburger-Inner__2NrhX,.HamburgerButton_Hamburger-Inner__2NrhX:after,.HamburgerButton_Hamburger-Inner__2NrhX:before{width:40px;height:4px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.HamburgerButton_Hamburger-Inner__2NrhX:after,.HamburgerButton_Hamburger-Inner__2NrhX:before{content:"";display:block}.HamburgerButton_Hamburger-Inner__2NrhX:before{top:-10px}.HamburgerButton_Hamburger-Inner__2NrhX:after{bottom:-10px}.HamburgerButton_Hamburger--Emphatic__D9fn5{overflow:hidden}.HamburgerButton_Hamburger--Emphatic__D9fn5 .HamburgerButton_Hamburger-Inner__2NrhX{transition:background-color .125s ease-in .175s}.HamburgerButton_Hamburger--Emphatic__D9fn5 .HamburgerButton_Hamburger-Inner__2NrhX:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.HamburgerButton_Hamburger--Emphatic__D9fn5 .HamburgerButton_Hamburger-Inner__2NrhX:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.HamburgerButton_Hamburger--Emphatic__D9fn5.HamburgerButton_isActive__IXi_o .HamburgerButton_Hamburger-Inner__2NrhX{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.HamburgerButton_Hamburger--Emphatic__D9fn5.HamburgerButton_isActive__IXi_o .HamburgerButton_Hamburger-Inner__2NrhX:before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.HamburgerButton_Hamburger--Emphatic__D9fn5.HamburgerButton_isActive__IXi_o .HamburgerButton_Hamburger-Inner__2NrhX:after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}@media(min-width:992px){.HamburgerButton_Hamburger__4vqQx{display:none}}.NavElement_NavElement__3WVaY{color:hsla(0,0%,100%,.6)!important;font-size:1.3rem;transition:all .5s!important}.NavElement_NavElement__3WVaY.NavElement_Disabled__1TS_-{color:hsla(0,0%,100%,.3)!important}.NavElement_NavElement__3WVaY:hover{color:#fff!important;text-transform:uppercase;text-decoration:underline}#Home_Home__G16Wu{display:flex;flex-direction:row;margin-top:5vh;padding:1.2rem 1.2rem 0;overflow-y:hidden;box-shadow:-1px 19px 15px -6px #353535}#Home_JP-Image__1koPQ{max-width:780px;max-height:850px;width:auto;height:auto;margin-bottom:0;position:relative;-webkit-animation-name:Home_show__1m3Ig;animation-name:Home_show__1m3Ig;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Home_JP-Image__1koPQ:hover{transform:scale(1.05)}#Home_Text__2Bz1P{margin-left:2rem;color:#fff;display:flex;flex-direction:column;justify-content:center;-webkit-animation-name:Home_show__1m3Ig;animation-name:Home_show__1m3Ig;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:50%;font-family:"Raleway",sans-serif}#Home_Heading__3gnoa{font-weight:600;font-size:4rem}#Home_Text__2Bz1P>#Home_SoftwareEngineer___MZUP>span,#Home_Text__2Bz1P>p{font-size:1.7rem}#Home_Text__2Bz1P>p{font-family:"Xanh Mono",monospace}#Home_Text__2Bz1P>#Home_SoftwareEngineer___MZUP>span{margin-right:.8rem;vertical-align:middle}#Home_SoftwareEngineerIcon__3fGgi{width:3rem;height:3rem}@media(max-width:1450px){#Home_Heading__3gnoa{font-size:2.5rem}}@media(max-width:1330px){#Home_Text__2Bz1P>#Home_SoftwareEngineer___MZUP>span,#Home_Text__2Bz1P>p{font-size:1.4rem}}@media(max-width:1300px){#Home_Heading__3gnoa{font-size:1.8rem}}@media(max-width:1120px){#Home_Heading__3gnoa{font-size:1.8rem}#Home_Text__2Bz1P>#Home_SoftwareEngineer___MZUP>span,#Home_Text__2Bz1P>p{font-size:1rem}}@media(max-width:790px){#Home_Home__G16Wu{width:100%;display:flex;flex-direction:column;margin-top:10vh;padding:0;overflow-y:hidden;box-shadow:-1px 19px 15px -6px #353535}#Home_JP-Image__1koPQ{transform:scaleX(-1);right:0;order:0;width:100%;-webkit-animation-name:Home_show__1m3Ig;animation-name:Home_show__1m3Ig;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Home_JP-Image__1koPQ:hover{transform:scaleX(-1)}#Home_Text__2Bz1P{text-align:center;margin-left:50%;transform:translateX(-50%);padding:.5rem;order:1;color:#fff;display:flex;flex-direction:column;justify-content:center;-webkit-animation-name:Home_show__1m3Ig;animation-name:Home_show__1m3Ig;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:100%;font-family:"Raleway",sans-serif}#Home_Heading__3gnoa{font-size:3rem}#Home_Text__2Bz1P>#Home_SoftwareEngineer___MZUP>span,#Home_Text__2Bz1P>p{font-size:1.3rem}}@-webkit-keyframes Home_show__1m3Ig{0%{top:-100rem;opacity:0}50%{opacity:.2}60%{opacity:.3}80%{opacity:.4}90%{opacity:.5}95%{opacity:.6}99%{opacity:.8}to{top:0;opacity:1}}@keyframes Home_show__1m3Ig{0%{top:-100rem;opacity:0}50%{opacity:.2}60%{opacity:.3}80%{opacity:.4}90%{opacity:.5}95%{opacity:.6}99%{opacity:.8}to{top:0;opacity:1}}#Skills_Skills__1rhYZ{padding:1.2rem;color:#fff;margin:auto;display:flex;flex-direction:column;align-items:center;width:100%;opacity:1;transition:all .4s;box-shadow:1px 5px 15px 2px #353535}#Skills_Skills__1rhYZ.Skills_Dragging__4vYNC{background:#525252;box-shadow:0 -9px 5px 0 rgba(0,0,0,.75)}#Skills_SkillsHeading__pNi5d{width:100%;display:flex;flex-direction:row;justify-content:center;font-size:4rem;font-family:"Raleway",sans-serif;font-weight:600;position:relative;margin-bottom:2.8rem}#Skills_SkillsContainer__X7-rH{overflow-x:auto;overflow-y:visible;width:100%;padding:2rem;display:flex;flex-direction:row;justify-content:flex-start;cursor:-webkit-grab;cursor:grab}#Skills_Skills__1rhYZ.Skills_Render__2xJlK{opacity:1}@media(min-width:70rem){#Skills_SkillsHeading__pNi5d{width:40%}#Skills_SkillsHeading__pNi5d:after{width:0;position:absolute;content:"";left:50%;transform:translateX(-50%);height:.8rem;transition:width 1s,transform .4s;background-color:#a69b9a;bottom:0}#Skills_SkillsHeading__pNi5d:hover{cursor:pointer;font-weight:900;color:#fceceb;transform:translateY(-1rem)}#Skills_SkillsHeading__pNi5d:hover:after{width:70%}}#Hobbies_Hobbies__1Zss9{text-align:center;padding:2%;margin:auto;height:100%;width:100%}#Hobbies_HobbiesHeading__391Ga{font-family:"Raleway",sans-serif;font-weight:600;font-size:4rem;color:#fff}#Hobbies_HobbiesContainer__4TRLc{height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;align-content:space-around}.TypeWriter_TypeWriter__nkAPq{-webkit-animation-name:TypeWriter_shine__2_OOT;animation-name:TypeWriter_shine__2_OOT;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:1.3rem!important;display:inline;width:auto;font-size:1.6rem;font-style:italic}@media(max-width:1450px){.TypeWriter_TypeWriter__nkAPq{font-size:1.4rem!important}}@media(max-width:1330px){.TypeWriter_TypeWriter__nkAPq{font-size:1.2rem!important}}@media(max-width:1120px){.TypeWriter_TypeWriter__nkAPq{font-size:1rem!important}}@-webkit-keyframes TypeWriter_shine__2_OOT{0%{color:hsla(0,0%,100%,.2)}15%{color:hsla(0,0%,100%,.5)}30%{color:hsla(0,0%,100%,.7)}50%{color:#fff}60%{color:#fff}70%{color:hsla(0,0%,100%,.5)}80%{color:hsla(0,0%,100%,.4)}95%{color:hsla(0,0%,100%,.3)}to{color:hsla(0,0%,100%,.2)}}@keyframes TypeWriter_shine__2_OOT{0%{color:hsla(0,0%,100%,.2)}15%{color:hsla(0,0%,100%,.5)}30%{color:hsla(0,0%,100%,.7)}50%{color:#fff}60%{color:#fff}70%{color:hsla(0,0%,100%,.5)}80%{color:hsla(0,0%,100%,.4)}95%{color:hsla(0,0%,100%,.3)}to{color:hsla(0,0%,100%,.2)}}#SocialMediaLinks_SocialMedia-Links__3kY1-{display:flex;flex-direction:row}@media(max-width:790px){#SocialMediaLinks_SocialMedia-Links__3kY1-{display:inline-block;margin-bottom:1rem}}.SocialMediaLink_SocialMediaAnchorTag__1tlnN{margin-right:1rem;width:3rem;display:inline-block}.SocialMediaLink_SocialMediaIcon__33_l1{width:100%;height:100%;fill:grey;transition:fill .4s}.SocialMediaLink_SocialMediaIcon__33_l1:hover{fill:#fff;cursor:pointer}.Skill_SkillBox__FTrgS{transition:all .4s}.Skill_SkillBox__FTrgS.Skill_SkillBoxDragging__37y3Y{transform:translateY(-5%)}.Skill_SkillBoxImageContainer__NBnuO{width:30vw;height:20vh;margin:0 2rem;background:#fff;border-radius:60%}.Skill_SkillBoxImage__3yoHQ{left:50%;transform:translate(-50%,-50%);top:50%;position:relative;width:70%;height:80%;display:flex;justify-content:center}.Skill_SkillBoxTitle__E17H_{text-align:center;font-size:2rem}@media(min-width:1000px){.Skill_SkillBoxImageContainer__NBnuO{width:20vw}}@media(min-width:70rem){.Skill_SkillBoxImageContainer__NBnuO{height:35vh;margin:0 2rem;background-color:#fff}.Skill_SkillBoxImage__3yoHQ{left:50%;transform:translate(-50%,-50%);top:50%;position:relative;width:70%;height:80%;display:flex;justify-content:center}.Skill_SkillBoxTitle__E17H_{position:relative;display:inline-block;left:50%;transform:translateX(-50%)}.Skill_SkillBoxTitle__E17H_:after{position:absolute;content:"";width:0;height:.6rem;background:#a69b9a;bottom:0;left:50%;transform:translateX(-50%);transition:width .3s}.Skill_SkillBox__FTrgS:hover{transform:translateY(-5%)}.Skill_SkillBox__FTrgS:hover>.Skill_SkillBoxImageContainer__NBnuO{background-color:#8c8c8c}.Skill_SkillBox__FTrgS:hover>.Skill_SkillBoxTitle__E17H_:after{width:80%}}.Hobby_Hobby__2iQMy{text-align:center;padding:1.5%;flex-basis:25%}.Hobby_HobbyImageContainer__WL1XW{border-radius:50%;height:20rem;overflow:hidden;position:relative}.Hobby_HobbyImageContainer__WL1XW:hover>.Hobby_HobbyImage__322D1{transform:scale(1.2)}.Hobby_HobbyImage__322D1{left:0;top:0;position:absolute;opacity:0;transition:all .3s ease-in-out;display:inline-block;width:100%;height:100%}.Hobby_HobbyImage__322D1.Hobby_Active__3A027{opacity:1;z-index:1000}.Hobby_HobbyName__1oIWJ{color:#fff;font-weight:800;font-size:2rem}@media(max-width:1000px){.Hobby_Hobby__2iQMy{flex-basis:35%}.Hobby_HobbyName__1oIWJ{color:#fff;font-size:1rem}}@media(max-width:750px){.Hobby_Hobby__2iQMy{margin-top:1.5rem;flex-basis:100%}.Hobby_HobbyImageContainer__WL1XW{border-radius:50%;margin-left:50%;transform:translateX(-50%);height:15rem;width:50vw;overflow:hidden;position:relative}.Hobby_HobbyImageContainer__WL1XW:hover>.Hobby_HobbyImage__322D1{transform:scale(1.2)}}.Spinner_Loader__3m-hx,.Spinner_Loader__3m-hx:after,.Spinner_Loader__3m-hx:before{border-radius:50%}.Spinner_Loader__3m-hx{color:#fff;font-size:11px;text-indent:-99999em;margin:55px auto;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 1em;transform:translateZ(0)}.Spinner_Loader__3m-hx:after,.Spinner_Loader__3m-hx:before{position:absolute;content:""}.Spinner_Loader__3m-hx:before{width:5.2em;height:10.2em;background:#000;border-radius:10.2em 0 0 10.2em;top:-.1em;left:-.1em;transform-origin:5.1em 5.1em;-webkit-animation:Spinner_load2__1i2Qv 2s ease 1.5s infinite;animation:Spinner_load2__1i2Qv 2s ease 1.5s infinite}.Spinner_Loader__3m-hx:after{width:5.2em;height:10.2em;background:#000;border-radius:0 10.2em 10.2em 0;top:-.1em;left:4.9em;transform-origin:.1em 5.1em;-webkit-animation:Spinner_load2__1i2Qv 2s ease infinite;animation:Spinner_load2__1i2Qv 2s ease infinite}@-webkit-keyframes Spinner_load2__1i2Qv{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes Spinner_load2__1i2Qv{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.dee9992d.chunk.css.map */