a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;text-decoration:none;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{background-color:#091405}h1,h2,h3,html,label,p{-webkit-user-select:none;user-select:none}h1,h2,h3,label,p{color:#40ff00;cursor:default;font-family:Nanum Gothic Coding,monospace}a{cursor:pointer}li,ul{display:flex}.highlighted{color:#bf00ff}.prefix{color:rgba(41,71,31,.95)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#646464;border-radius:4px}::-webkit-scrollbar-corner{background-color:transparent}#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:350px;width:auto}#App{display:flex;flex-direction:column;height:100vh;margin:0;padding:0}.bodyPage{align-items:center;display:flex;flex-grow:1;flex-shrink:0;justify-content:space-evenly}.bodyPage h1{display:flex;flex-direction:column;font-size:5em}.bodyPage h1:before{content:"

";margin-top:10px}.bodyPage h1:after,.bodyPage h1:before{color:rgba(41,71,31,.95);font-family:Dancing Script,cursive;font-size:20px;text-align:left;translate:0}.bodyPage h1:after{content:"

";margin-bottom:10px}.bodyPage h2{display:flex;flex-direction:column;font-size:3em}.bodyPage h2:before{content:"

";margin-top:10px}.bodyPage h2:after,.bodyPage h2:before{color:rgba(41,71,31,.95);font-family:Dancing Script,cursive;font-size:20px;text-align:left;translate:0}.bodyPage h2:after{content:"

";margin-bottom:10px}.bodyPage p{display:flex;flex-direction:column;font-size:1.5em}.bodyPage p:before{content:"

";margin-top:10px}.bodyPage p:after,.bodyPage p:before{color:rgba(41,71,31,.95);font-family:Dancing Script,cursive;font-size:20px;text-align:left;translate:0}.bodyPage p:after{content:"

";margin-bottom:10px}.bodyPage .visual{display:flex;flex-direction:column}.bodyPage .visual:before{content:"";margin-top:10px}.bodyPage .visual:after,.bodyPage .visual:before{color:rgba(41,71,31,.95);font-family:Dancing Script,cursive;font-size:20px;text-align:left;translate:0}.bodyPage .visual:after{content:"";margin-bottom:10px}.bodyPage .visual .headshot{border-radius:50%;height:min(400px,100vw);margin:0}@media screen and (max-width:1250px){.bodyPage{flex-direction:column;justify-content:center}.bodyPage .text{margin:0 4vw;text-align:center}}#navigation{background-color:rgba(89,204,51,.1)}#navigation h1{font-size:min(3em,8vw);margin:0}#navigation h2{cursor:pointer;font-size:1.5em;font-weight:700;margin:0 1em;transition:all .2s;z-index:3}#navigation a,#navigation h2{position:relative}#navigation a:after,#navigation a:before{border-radius:.2em;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:all .2s ease;width:0}#navigation a:before{background-color:#59cc33;z-index:1}#navigation a:after{background-color:#9f40bf;z-index:0}#navigation a:active h2,#navigation a:active:before,#navigation a:after{-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}#navigation nav{align-items:center;display:flex;height:5em;justify-content:space-around}#navigation #hamburger{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:none;margin:0 2em;-webkit-user-select:none;user-select:none}#navigation #hamburger span{background-color:#40ff00;border-radius:2px;display:block;height:4px;margin:6px 0;position:relative;-webkit-transform-origin:width/2 0;transform-origin:width/2 0;transition-duration:.2s;width:33px}#navigation #dropDownMenu{background-color:rgba(41,71,31,.95);display:none;flex-direction:column;left:-100%;margin:0;padding:10px 0 15px;position:absolute;top:5em;transition:all .6s;width:100%;z-index:99}#navigation #dropDownMenu li{margin:0 auto;padding:1.2em 2em}#navigation #dropDownMenu a{transition:all .2s ease;z-index:100}#navigation #dropDownMenu a:after,#navigation #dropDownMenu a:before{border-radius:.75em;width:100%}#navigation #dropDownMenu h2{color:#9f40bf;font-size:2.4em;margin:.5em 1em;transition:all .3s ease;z-index:2}#navigation #dropDownMenu h2 .prefix{color:rgba(159,64,191,.2)}@media(hover:hover){#navigation #hamburger:hover span:nth-child(2){background-color:rgba(64,255,0,.5);-webkit-transform:translateX(10px);transform:translateX(10px)}#navigation a:hover h2{color:#9f40bf}#navigation a:hover h2 .prefix{color:rgba(159,64,191,.2)}#navigation a:hover:after,#navigation a:hover:before{width:100%}#navigation #dropDownMenu li a:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}}@media(max-width:1250px){#navigation nav ul{display:none}#navigation nav #hamburger{display:block}#navigation #dropDownMenu{display:flex}}#navigation .hambState-enter #hamburger span:first-child{rotate:0deg}#navigation .hambState-enter #hamburger span:nth-child(2){translate:0 0}#navigation .hambState-enter #hamburger span:nth-child(3){rotate:0deg}#navigation .hambState-enter-active #hamburger span:first-child{rotate:45deg;translate:0 10px}#navigation .hambState-enter-active #hamburger span:nth-child(2){opacity:0;translate:10px 0}#navigation .hambState-enter-active #hamburger span:nth-child(3){rotate:-45deg;translate:0 -10px}#navigation .hambState-enter-done #hamburger span:first-child{rotate:45deg;translate:0 10px}#navigation .hambState-enter-done #hamburger span:nth-child(2){opacity:0;translate:10px 0}#navigation .hambState-enter-done #hamburger span:nth-child(3){rotate:-45deg;translate:0 -10px}#navigation .hambState-exit #hamburger span:first-child{rotate:45deg;translate:0 10px}#navigation .hambState-exit #hamburger span:nth-child(2){opacity:0;translate:10px 0}#navigation .hambState-exit #hamburger span:nth-child(3){rotate:-45deg;translate:0 -10px}#navigation .hambState-exit-active #hamburger span:first-child{rotate:0deg;translate:0 0}#navigation .hambState-exit-active #hamburger span:nth-child(2){opacity:1;translate:0 0}#navigation .hambState-exit-active #hamburger span:nth-child(3),#navigation .hambState-exit-done #hamburger span:first-child{rotate:0deg;translate:0 0}#navigation .hambState-exit-done #hamburger span:nth-child(2){opacity:1;translate:0 0}#navigation .hambState-exit-done #hamburger span:nth-child(3){rotate:0deg;translate:0 0}#navigation .dropMenu-enter #dropDownMenu{display:flex;left:-100%}#navigation .dropMenu-enter-active #dropDownMenu,#navigation .dropMenu-enter-done #dropDownMenu,#navigation .dropMenu-exit #dropDownMenu{left:0}#navigation .dropMenu-exit-active #dropDownMenu{left:-100%}#navigation .dropMenu-exit-done #dropDownMenu{display:none;left:-100%}footer{align-items:center;background-color:#40ff00;display:flex;flex-direction:rows;justify-content:space-evenly;width:100%}footer h3{color:#40ff00;font-family:Kanit,sans-serif;font-size:150%;font-weight:600;position:relative;text-shadow:-1px -1px 0 #301339,1px -1px 0 #301339,-1px 1px 0 #301339,1px 1px 0 #301339;transition:all .2s}footer p{color:#9f40bf;font-weight:700;text-align:center;transition:all .2s}footer .footerIcons{display:block;height:48px;margin:8px 16px;width:48px}footer .footerIcons img{height:100%;transition:all .2s ease;width:100%}footer #footerResumeAndContact{display:flex;height:48px;width:350px}footer #footerResumeAndContact a{background-color:#bf00ff;border:solid;border-color:#000;border-width:2px;display:flex;flex-grow:1;justify-content:center;margin:0 .5em;padding:auto;position:relative;width:50%}footer #footerResumeAndContact a h3{margin:auto}footer #footerResumeAndContact a:before{background-color:#3cc;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s;width:0}footer #footerMessage{margin:.5em 0}footer #footerMessage a{font-size:1.25em;position:relative;text-decoration:none}footer #footerMessage a:before{background-color:#9f40bf;bottom:0;content:"";display:block;height:20%;left:0;position:absolute;right:0;top:0;transition:all .2s;translate:0 450%;width:0}@media(hover:hover){.footerIcons img:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.footerIcons img:active{-webkit-transform:scale(1);transform:scale(1)}#footerResumeAndContact a:hover:before{width:100%}#footerResumeAndContact a:hover h3{color:#bf00ff}#footerMessage a:hover:before{width:100%}}@media(max-width:1250px){footer{flex-direction:column}}#aboutPage #textArea{width:33vw}#aboutPage #textArea p{font-size:1.25em}#aboutPage #timelineSection{display:flex;flex-direction:column;height:450px;margin:3em 0;padding:10px 0;position:relative}#aboutPage #timelineSection:before{content:"";margin-bottom:10px}#aboutPage #timelineSection p{font-size:.9em;white-space:nowrap}#aboutPage ul{flex-direction:column;height:100%;justify-content:space-between}#aboutPage li{color:#40ff00;flex-direction:row}#aboutPage li:before{background-color:#bf00ff;border-radius:5px;content:"";display:block;height:10px;position:absolute;-webkit-transform:translate(7.01em,.9em);transform:translate(7.01em,.9em);width:10px}#aboutPage .barDate{-webkit-transform:translate(.35em);transform:translate(.35em)}#aboutPage .barDate:after,#aboutPage .barDate:before{content:none}#aboutPage .barName{-webkit-transform:translate(1em,1.5em);transform:translate(1em,1.5em)}#aboutPage .barName:after,#aboutPage .barName:before{content:none}#aboutPage #timeLineBar{background-color:#40ff00;height:100%;position:absolute;-webkit-transform:translate(7.2em,-10px);transform:translate(7.2em,-10px);width:.25em}#aboutPage #timeLineBar:after,#aboutPage #timeLineBar:before{background-color:#40ff00;content:"";display:block;height:5px;width:20px}#aboutPage #timeLineBar:after,#aboutPage #timeLineBar:before{-webkit-transform:translate(-7.5px);transform:translate(-7.5px)}#aboutPage #timeLineBar:after{-webkit-transform:translate(-7.5px,460px);transform:translate(-7.5px,460px)}@media screen and (max-width:1250px){#aboutPage #textArea{width:95vw}#aboutPage #textArea h1{font-size:4.5em}}#portfolioPage{flex-direction:column}#portfolioPage h1{text-align:center}#portfolioPage h2{font-size:2.5em}#portfolioPage h3{color:#40ff00;font-size:1.25em}#portfolioPage h3:after,#portfolioPage h3:before{content:none}#portfolioPage #projectListArea{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#portfolioPage .projectTypeListArea{background-color:rgba(89,204,51,.1);border-radius:25px;display:flex;flex-direction:column;margin:25px auto;padding:10px}#portfolioPage .projectTypeListItems{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#portfolioPage .projectTile{display:flex;flex-direction:column;margin:0 10px}#portfolioPage .projectTile:before{content:"
";margin-top:10px}#portfolioPage .projectTile:after,#portfolioPage .projectTile:before{color:rgba(41,71,31,.95);font-family:Dancing Script,cursive;font-size:20px;text-align:left;translate:0}#portfolioPage .projectTile:after{content:"
";margin-bottom:10px}#portfolioPage .tileBody{align-items:center;background-color:#59cc33;border-radius:10px;border-style:solid;box-shadow:3px 3px 1px #1b3d0f;display:flex;height:200px;justify-content:center;position:relative;width:200px}#portfolioPage .projectIcon{border-radius:10px;height:98%;width:98%}#portfolioPage .tileOverlay{background-color:rgba(41,71,31,.95);border-radius:8px;justify-content:center;opacity:0;position:absolute}#portfolioPage .tileOverlay,#portfolioPage button{align-items:center;display:flex;height:100%;transition:all .3s ease;width:100%}#portfolioPage button{background-color:transparent;border:0;border-radius:8px;padding:0}#portfolioPage button:after,#portfolioPage button:before{border-radius:10px;bottom:0;content:"";display:block;height:50%;left:0;margin:auto;position:absolute;right:0;top:0;width:80%}#portfolioPage button:before{background-color:#59cc33;transition:all .3s ease;z-index:1}#portfolioPage button:after{background-color:#9f40bf;z-index:0}#portfolioPage button:active h2,#portfolioPage button:active:before,#portfolioPage button:after{-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}#portfolioPage button h2{color:#bf00ff;margin:auto;position:relative;text-align:center;transition:all .3s ease;width:75%;z-index:2}#portfolioPage button h2:after,#portfolioPage button h2:before{content:none}@media(hover:hover){#portfolioPage .tileOverlay:hover{opacity:1}}.screenOverlay{background-color:rgba(159,64,191,.5);display:none;flex-direction:column;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:99}.screenOverlay #screenOverlayBody{background-color:#9f40bf;border-radius:50px;margin:50px 5vw}.screenOverlay #screenOverlayBody h1,.screenOverlay #screenOverlayBody p{margin:auto 5vw}.screenOverlay #screenOverlayBody img{border-radius:5px;display:flex;margin:0 auto;width:25vw}.showOverlay-enter{display:flex;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.showOverlay-enter-active,.showOverlay-enter-done,.showOverlay-exit{display:flex;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.showOverlay-exit-active{display:flex}.showOverlay-exit-active,.showOverlay-exit-done{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.showOverlay-exit-done{display:none}#contactPage #contactFormSection{display:flex;flex-direction:column;justify-content:center;width:40vw}#contactPage h1{font-size:min(15vw,5em)}#contactPage h2{font-size:1em;margin:0 auto}#contactPage h2:after,#contactPage h2:before{content:none}#contactPage p{font-size:1.25em;font-weight:700;transition:scale .3s}#contactPage p:after,#contactPage p:before{content:none}#contactPage form{border:2px solid #40ff00;display:flex;flex-direction:column;height:18em;padding:1em}#contactPage label{font-size:1.25em}#contactPage input,#contactPage textarea{background-color:rgba(41,71,31,.95);border-style:none;color:#40ff00;font-size:1em;height:2em;margin:0 1em 1em 0;resize:none}#contactPage input:focus,#contactPage textarea:focus{border:1px solid #59cc33;outline-style:none}#contactPage textarea{flex-grow:1}#contactPage #contactSubmitSection{align-items:center;display:flex}#contactPage button{background-color:#bf00ff;border:none;border-radius:.75em;height:3em;width:11em}#contactPage button:active p{scale:0}#contactPage button:active img{scale:1}#contactPage img{height:2em;position:absolute;scale:0;-webkit-transform:translate(1.5em,-5.5em) rotate(45deg);transform:translate(1.5em,-5.5em) rotate(45deg);-webkit-transform-origin:-5em -.5em;transform-origin:-5em -.5em;transition:scale .3s}#contactPage iframe{background-color:#e8ebed;border:2px solid #40ff00;height:60vh;width:40vw}@media screen and (max-width:1250px){#contactPage #contactFormSection,#contactPage iframe{margin:2em 0;width:95vw}}@media(hover:hover){#contactSubmitSection button:hover p{scale:0}#contactSubmitSection button:hover img{scale:1}}@font-face{font-display:swap;font-family:Nanum Gothic Coding;font-style:normal;font-weight:400;src:url(/static/media/NanumGothicCoding-Regular.9fd9323b064549a4f804.ttf) format("truetype")}@font-face{font-display:swap;font-family:Nanum Gothic Coding;font-style:normal;font-weight:700;src:url(/static/media/NanumGothicCoding-Bold.547bf7903b7143c1d63b.ttf) format("truetype")}@font-face{font-display:swap;font-family:Dancing Script;font-style:normal;font-weight:400;src:url(/static/media/DancingScript-Regular.5bfc0dcc0c0ff5a2832e.ttf) format("truetype")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:600;src:url(/static/media/Kanit-SemiBold.cf86a473ecf932fb0053.ttf) format("truetype")}#notFoundPage{align-items:center;flex-direction:column;flex-grow:1;justify-content:center;margin:0 5vw}#notFoundPage h1{color:#40ff00;font-size:15vw}#notFoundPage p{margin:1em 0 2em} /*# sourceMappingURL=main.49690cc9.css.map*/