:root{--accent-color: white;--navbar-color: #ba4e00;--wip1-foreground-color: #ffe66b;--wip1-background-color: #18152c;--cur-foreground-color: #ffe66b;--cur-foreground-color2: #d3a0c9;--cur-secondary-color: #6BFF93;--cur-accent-color: #6b93ff;--cur-background-color: #171524;--navbar-height: 2rem}#name{font-size:var(--navbar-height);color:var(--cur-secondary-color)}#subtitle{color:var(--cur-secondary-color)}.navbar{display:grid;grid-template-columns:1.5fr 1fr;height:var(--navbar-height);color:var(--cur-secondary-color);margin-bottom:20vh}.navlist{display:flex;justify-content:space-between;padding:0;margin:0;list-style-type:none;align-items:center}.home-link{padding:25px;width:fit-content}.social-icon{width:50px;height:50px}.resume-link{height:50px;width:120px;color:var(--cur-secondary-color)}#resume-button{display:flex;justify-content:center;align-items:center;background-color:var(--cur-background-color);font-family:Kanit,sans-serif;font-weight:700;letter-spacing:2px;border:2px solid white;border-radius:25px;padding:0 10px;gap:10px;height:50px;font-size:1.25rem;color:var(--cur-secondary-color)}#resume-button:hover{cursor:pointer;color:var(--cur-background-color);background-color:var(--cur-secondary-color);border:2px solid var(--cur-secondary-color)}#bio{display:grid;grid-template-columns:1fr 3fr;text-align:center;font-size:1.75rem;padding:2vh 2vw}#bio-pic{border:5px solid var(--cur-foreground-color);border-radius:25px}.project-grid{display:flex;flex-wrap:wrap;justify-content:start;align-items:start;gap:15vw}.project-link{overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible}.active{font-weight:700!important;border:5px solid var(--cur-secondary-color)!important;border-radius:25px}.content-list{display:flex;justify-content:space-around;margin:5vh auto;padding:2vh 0;list-style-type:none;color:var(--cur-secondary-color);border-top:5px solid var(--cur-secondary-color)}.filter-button{background:none;border:none;color:var(--cur-secondary-color);font-family:Kanit,sans-serif;font-weight:lighter;font-size:x-large;width:100px;border:5px solid transparent;padding:5px}.content-list li button:hover{cursor:pointer}.card-wrapper{display:grid;justify-content:center;grid-template-columns:repeat(2,1fr);row-gap:100px;column-gap:100px;align-items:start}.card{display:grid;grid-template-rows:fit-content(100%);width:100%}.card-video{width:100%;border-top-left-radius:1rem;border-top-right-radius:1rem}.card-subtitle{display:grid;grid-template-rows:1fr 1fr;color:#d3a0c9;font-size:24px;text-align:center;height:fit-content;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.role-tag{display:flex;justify-content:center;align-items:center;font-family:Merriweather,sans-serif;color:var(--cur-foreground-color2);padding:15px;border:5px solid var(--cur-foreground-color2);border-radius:1rem}.engine-tag{display:flex;justify-content:center;align-items:center;font-family:Merriweather,sans-serif;color:var(--cur-secondary-color);padding:15px;border:5px solid var(--cur-secondary-color);border-radius:1rem}.game-type-tag{display:flex;justify-content:center;align-items:center;font-family:Merriweather,sans-serif;color:var(--cur-accent-color);padding:15px;border:5px solid var(--cur-accent-color);border-radius:1rem}#tag-list{display:flex;justify-content:space-evenly;align-items:center;font-size:15px;padding-left:0;margin:0 0 25px;list-style-type:none}.project-name{display:flex;justify-content:space-around;align-items:center}.link{display:flex;transition:box-shadow .3s;justify-content:center;align-items:center;border:.5rem dashed var(--cur-foreground-color);border-radius:1.5rem}.link:hover{cursor:pointer;box-shadow:0 0 22px var(--cur-foreground-color);border:.5rem solid var(--cur-foreground-color)}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{font-family:Merriweather,sans-serif;visibility:hidden;width:120px;background-color:var(--cur-accent-color);color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:100%;left:50%;margin-left:-60px}.tooltip .tooltiptext:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent var(--cur-accent-color) transparent}.tooltip:hover .tooltiptext{visibility:visible}#project-wrapper p{line-height:1.5;font-size:1.5rem}#project-wrapper ul{font-weight:400;font-size:1.5rem}.title{color:var(--cur-foreground-color2);border-top:5px dashed var(--cur-foreground-color2);border-bottom:5px dashed var(--cur-foreground-color2)}.video,.video-width{width:100%}.solution{color:var(--cur-foreground-color2);border-top:5px solid var(--cur-foreground-color2);border-bottom:5px solid var(--cur-foreground-color2)}.arrow-link{height:100px;width:100px;border:.5rem dashed var(--cur-accent-color);padding:15px}.arrow-link:hover{box-shadow:0 0 22px var(--cur-accent-color);border:.5rem solid var(--cur-accent-color)}.nav-arrows{display:flex;justify-content:space-between;margin-top:10vh}.classic-link{color:red;text-decoration:underline}.classic-link:visited{color:unset}figure{border-left:.15rem dashed var(--cur-accent-color);border-right:.15rem dashed var(--cur-accent-color);padding:0 1rem;text-align:center}figcaption{color:var(--cur-accent-color)}.small-img{width:50%}body{margin:0!important}main{min-height:74vh;width:80vw;max-width:1280px;padding:5vh 5vw;margin:2vh 2vw}h2{margin:5vh auto;color:var(--cur-secondary-color);border-top:5px solid var(--cur-secondary-color);border-bottom:5px solid var(--cur-secondary-color);padding:2vh 0;text-align:center}body{background-color:var(--cur-background-color);color:var(--cur-foreground-color);font-family:Kanit,sans-serif;letter-spacing:2px;font-weight:700}p{font-family:Merriweather,sans-serif;font-weight:400}p+p{margin-top:5vh}img{width:100%}figcaption{font-style:italic}section{margin-bottom:10vh}.hide-on-mobile{display:initial}.p-1{padding:2vh 5vw}.p-2{padding:2vh 2vw}.g-1{gap:15px}.small-icon{width:25px;height:25px}.center-div{display:flex;justify-content:center;align-items:center}.start-div{display:flex;justify-content:start;align-items:center}.btn{background-color:var(--cur-background-color);width:100px;height:100px;border:.5rem solid var(--cur-foreground-color2);border-radius:3rem;cursor:pointer;margin-bottom:5vh}a{text-decoration:none}a:link,a:visited{color:var(--cur-foreground-color)}.disabled{opacity:0;pointer-events:none}#app{display:grid;justify-content:center}footer{margin-top:10vh}@media (width <= 1000px){.home-link{width:auto;padding:20px 0;margin-bottom:5vh}.navbar{grid-template-columns:unset;margin-bottom:30vh}}@media (width <= 1250px) and (width > 1000px){main{width:75vw}p{font-size:1.5rem}.navbar{grid-template-columns:1fr 1fr;margin-bottom:15vh}}@media (width <= 1250px){#bio{display:inline-block;font-size:1.4rem}#bio-pic{width:50%}.card-wrapper{grid-template-columns:repeat(1,1fr)}.tag,.secondary-tag{display:flex;justify-content:center;align-items:center;width:15vw;height:5vh}}@media (width <= 500px){section{font-size:1rem}#bio{font-size:1.25rem}.social-icon{width:40px;height:40px}.resume-link{height:30px;width:100px;font-size:.9rem}#project-wrapper p,#project-wrapper ul{font-size:1rem}.hide-on-mobile{display:none}}#app{margin-top:-0px!important}.web-project{all:revert;background-color:#fff;width:100vw;height:100vh}.media-wrapper{position:relative;width:100%;height:100%}.media{width:100%;height:100%}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pdf-container[data-v-f4423dcf]{width:100vw;height:100vh;overflow:hidden;margin:0}.hero[data-v-dc045b0b]{height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(/assets/landscaping-hero-D3T82Xrh.jpg);background-size:cover;background-position:center;position:relative}.hero[data-v-dc045b0b]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.hero-content[data-v-dc045b0b]{position:relative;color:#fff;text-align:center;max-width:600px}