@import"https://fonts.googleapis.com/css?family=Alata|Inconsolata|Kanit:900&display=swap";:root{--main-color: #F29727;--bg-color: #232323;--alt-bg-color: #2B2B2B;--light-contrast-color: #B0B0B0;--contrast-color: #707070;--logo-font: "Kanit", sans-serif;--mono-font: "Inconsolata", monospace;--general-font: "Alata", sans-serif;--navbar-height: 70px;--edge-space: 25px;--content-space: 50px;--normal-fs: 1.2rem;--content-title-fs: 1.5rem;--small-fs: .8rem;--title-fs: 2.5rem;--icon-fs: 2rem}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color)}main{padding:0 var(--edge-space)}.container{max-width:1000px;width:100%}section{display:flex;justify-content:center;align-items:center}.content{counter-reset:content -1;margin:var(--edge-space) 0;flex-direction:column}.content h2{font-size:var(--content-title-fs);font-weight:400;margin-bottom:var(--edge-space)}.content h2:before{content:"[" counter(content) "] ";counter-increment:content;color:var(--main-color)}.content p{font-size:var(--normal-fs)}.content-section{padding:calc(var(--navbar-height) + var(--edge-space)) 0 0 0}h3{font-size:calc(var(--content-title-fs) - .5rem);color:var(--light-contrast-color);font-weight:400}h4{font-size:var(--small-fs);color:var(--main-color);margin-bottom:10px;font-weight:400}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.fade-in-from-right,.fade-in-from-left,.fade-in-from-top{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}.fade-in-from-right{transform:translate(100px);opacity:0;animation-name:fade-in-from-right}@keyframes fade-in-from-right{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in-from-left{transform:translate(-100px);opacity:0;animation-name:fade-in-from-left}@keyframes fade-in-from-left{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in-from-top{transform:translateY(-100px);opacity:0;animation-name:fade-in-from-top}@keyframes fade-in-from-top{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.fadefromleft.hidden{opacity:0;transform:translate(-150px)}.fadefromleft{opacity:1;transform:translate(0);transition:.5s ease-out opacity,.5s ease-out transform}.fadefrombottom.hidden{opacity:0;transform:translateY(150px)}.fadefrombottom{opacity:1;transform:translateY(0);transition:.5s ease-out opacity,.5s ease-out transform}.fadefromright.hidden{opacity:0;transform:translate(150px)}.fadefromright{opacity:1;transform:translate(0);transition:.5s ease-out opacity,.5s ease-out transform}.fade.hidden{opacity:0}.fade{opacity:1;transition:.5s ease-out opacity}.mono-font{font-family:var(--mono-font)}.logo-font{font-family:var(--logo-font);font-size:3rem}.general-font{font-family:var(--general-font)}.color-main{color:var(--main-color)}.color-alt{color:var(--alt-bg-color)}.color-light{color:var(--light-contrast-color)}.color-contrast{color:var(--contrast-color)}.bgc-main{background-color:var(--main-color)}.bgc-bg{background-color:var(--bg-color)}.bgc-alt{background-color:var(--alt-bg-color)}.bgc-light{background-color:var(--light-contrast-color)}.bgc-contrast{background-color:var(--contrast-color)}@media screen and (min-width: 768px){:root{--normal-fs: 1.3rem;--small-fs: .9rem;--title-fs: 3.5rem;--icon-fs: 2.5rem;--edge-space: 50px;--content-space: 100px;--content-title-fs: 2rem}}@media screen and (min-width: 1000px){:root{--normal-fs: 1.4rem;--small-fs: 1rem;--title-fs: 4rem;--icon-fs: 3rem}}.banner[data-v-3d5806c3]{height:100vh;padding-top:var(--navbar-height)}.banner h1[data-v-3d5806c3]{font-size:var(--title-fs);padding-bottom:1rem;margin:0;line-height:1}.banner p[data-v-3d5806c3]{font-size:var(--normal-fs)}.banner p[data-v-3d5806c3]:first-child{padding-bottom:2rem}.banner p[data-v-3d5806c3]:last-child{max-width:500px}.banner .line[data-v-3d5806c3]{margin-bottom:1rem}.line[data-v-3d5806c3]{width:100%;height:1px}.external-links[data-v-3d5806c3]{font-size:var(--icon-fs)}.external-links>a[data-v-3d5806c3]{margin-left:15px;outline:none}.external-links>a[data-v-3d5806c3]:first-child{margin-left:0}.external-links>a[data-v-3d5806c3]:any-link{color:var(--contrast-color)}.external-links>a[data-v-3d5806c3]:hover,.external-links>a[data-v-3d5806c3]:focus{color:var(--main-color)}.timeline-grid{position:relative;display:grid;grid-template-columns:min-content 1fr;column-gap:var(--edge-space);width:100%;overflow:hidden}.timeline-content{position:relative;z-index:-1}.timeline-point-container{transform:translateY(var(--normal-fs))}.timeline-content>p{margin-bottom:var(--normal-fs);font-size:calc(var(--normal-fs) - .2rem)}.timeline-point-container{position:relative;display:flex;z-index:-1}.timeline-point{height:20px;width:20px;background-color:var(--main-color);border-radius:50%}.timeline-point-container:not(:nth-last-child(2))>.timeline-point:after{content:"";position:absolute;height:100%;width:2px;top:10px;left:9px;background-color:var(--main-color)}.project-container{display:grid;row-gap:var(--content-space);width:100%;overflow:hidden}.project-grid{display:grid;grid-template-areas:"project-image" "project-content"}.project-image{height:auto;width:100%;transition:all .25s ease-out}.image-link:hover>.project-image{filter:brightness(25%)}.image-link:hover>i{opacity:1}.image-link{grid-area:project-image;position:relative;height:auto;display:flex;justify-content:center;align-items:center}.image-link>i{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center;color:var(--main-color);pointer-events:none;z-index:1;font-size:50px;opacity:0;transition:all .15s ease-out}.project-content{grid-area:project-content;background-color:var(--alt-bg-color);padding:var(--edge-space)}.project-content p,.project-content li{font-size:calc(var(--normal-fs) - .2rem)}.project-content-body{background-color:var(--alt-bg-color);position:relative}.project-content-body ul{width:100%;list-style-type:none}.project-content-body li{display:inline-block;padding:10px 15px 0 0}.project-content-body li:last-child{padding:10px 0 0}.project-content-body li:before{content:"["}.project-content-body li:after{content:"]"}@media screen and (min-width: 1000px){.project-image{height:300px;width:auto}.project-grid{grid-template-columns:auto 1fr;grid-template-areas:"project-content project-image"}.project-grid:nth-child(odd){grid-template-columns:1fr auto;grid-template-areas:"project-image project-content";text-align:right}.project-content{background-color:initial;padding:0}.project-content-body{background-color:var(--alt-bg-color);position:relative;width:calc(100% + 50px);left:-50px;padding:calc(var(--edge-space) / 2)}.project-grid:nth-child(2n) .project-content-body{left:0}}.etc-container[data-v-c8b4b131]{display:grid;row-gap:var(--edge-space);width:100%;overflow:hidden}.etc-container p[data-v-c8b4b131]{color:var(--contrast-color);font-size:calc(var(--normal-fs) - .2rem)}.etc-container p[data-v-c8b4b131]:not(:last-child){margin-bottom:var(--normal-fs)}footer[data-v-2ab75f7c]{background-color:var(--bg-color);color:var(--main-color);font-family:var(--mono-font);padding:25px var(--edge-space);text-align:center}div[data-v-c32772dc]{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}h1[data-v-c32772dc]{position:relative;height:200px;width:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:change-c32772dc .5s ease-out 3s 1 forwards;font-size:100px}@keyframes change-c32772dc{0%{background-color:var(--bg-color);color:var(--main-color)}to{background-color:var(--main-color);color:var(--bg-color)}}@keyframes topleft-c32772dc{0%{left:-100%}to{left:100%}}@keyframes topright-c32772dc{0%{left:100%}to{left:-100%}}@keyframes bottomleft-c32772dc{0%{bottom:-100%}to{bottom:100%}}@keyframes bottomright-c32772dc{0%{bottom:100%}to{bottom:-100%}}span[data-v-c32772dc]:nth-child(1){position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--main-color));animation:topleft-c32772dc 1s ease-out 3 forwards}span[data-v-c32772dc]:nth-child(2){position:absolute;bottom:0;left:100%;width:100%;height:2px;background:linear-gradient(-90deg,transparent,var(--main-color));animation:topright-c32772dc 1s ease-out 3 forwards}span[data-v-c32772dc]:nth-child(3){position:absolute;bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(0deg,transparent,var(--main-color));animation:bottomleft-c32772dc 1s ease-out 3 forwards}span[data-v-c32772dc]:nth-child(4){position:absolute;bottom:100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,var(--main-color));animation:bottomright-c32772dc 1s ease-out 3 forwards}header[data-v-387ceeb5]{position:fixed;top:0;counter-reset:navlink -1;height:var(--navbar-height);width:100vw;display:flex;justify-content:space-between;padding:0 var(--edge-space);z-index:8;transition:transform .25s ease-out,box-shadow .25s ease-out}header>div[data-v-387ceeb5]{display:flex;align-items:center}nav[data-v-387ceeb5]{display:flex;align-items:center}header ul[data-v-387ceeb5]{z-index:9;display:flex;list-style-type:none;align-items:center;justify-content:center;flex-direction:row;padding:0}header li[data-v-387ceeb5]{padding:20px 0;text-align:center}header li a[data-v-387ceeb5]{text-decoration:none;font-family:var(--mono-font);color:var(--light-contrast-color);transition:color .15s ease-out;padding:20px;outline:none}header li a[data-v-387ceeb5]:any-link{color:var(--light-contrast-color)}header li a[data-v-387ceeb5]:hover,header li a[data-v-387ceeb5]:focus{color:var(--main-color)}header li a[data-v-387ceeb5]:before{content:"[" counter(navlink) "] ";counter-increment:navlink;color:var(--main-color)}.mobile-navigation[data-v-387ceeb5]{position:fixed;z-index:9;width:80vw;height:100vh;top:0;right:0;transform:translate(80vw)}.mobile-navigation.active[data-v-387ceeb5]{transition:transform .25s ease-out}.mobile-navigation li[data-v-387ceeb5]{padding:20px 0;width:100%;text-align:center}.mobile-navigation ul[data-v-387ceeb5]{display:flex;list-style-type:none;align-items:center;justify-content:center;height:100vh;width:80vw;flex-direction:column;background-color:var(--alt-bg-color);padding:var(--navbar-height) 0;transition:transform .25s ease-out}.mobile-navigation.show[data-v-387ceeb5]{transform:translate(0)}.mobile-navigation-exit[data-v-387ceeb5]{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:8;transition:background-color .25s ease-out}.mobile-navigation.show+.mobile-navigation-exit[data-v-387ceeb5]{background-color:#0009;pointer-events:initial}.drawer-area[data-v-387ceeb5]{height:36px;display:flex;align-items:center;z-index:10}.drawer[data-v-387ceeb5]{position:relative;z-index:10;width:28px;background-color:var(--main-color);height:5px;margin-left:8px}.drawer[data-v-387ceeb5]:before{background-color:var(--main-color);position:absolute;top:-10px;right:0;content:"";width:36px;height:5px;transition:transform .25s ease-out;transform-origin:right}.drawer[data-v-387ceeb5]:after{background-color:var(--main-color);position:absolute;top:10px;right:0;content:"";width:36px;height:5px;transition:transform .25s ease-out;transform-origin:right}.drawer.cross[data-v-387ceeb5]{width:0px}.drawer.cross[data-v-387ceeb5]:after{transform:rotate(33deg)}.drawer.cross[data-v-387ceeb5]:before{transform:rotate(-33deg)}.navbar-hide[data-v-387ceeb5]{transform:translateY(calc(var(--navbar-height) * -1))}.navbar-shadow[data-v-387ceeb5]{box-shadow:#0009 0 0 10px}