.primary{color:#61b15a}.primary-light{color:#72b96b}.primary-lighter{color:#82c17d}.primary-lightest{color:#a3d29f}.primary-dark{color:#54a44e}.primary-darker{color:#4c9345}.primary-darkest{color:#3a7035}.secondary{color:#ffeaa7}.secondary-light{color:#fff0c1}.secondary-lighter{color:#fff6da}.secondary-lightest{color:#fffcf4}.secondary-dark{color:#ffe48e}.secondary-darker{color:#ffde74}.secondary-darkest{color:#ffd241}.tertiary{color:#fe9898}.tertiary-light{color:#feb1b1}.tertiary-lighter{color:#fecbcb}.tertiary-lightest{color:#ffe4e4}.tertiary-dark{color:#fe7f7f}.tertiary-darker{color:#fe6565}.tertiary-darkest{color:#fd4c4c}html{scroll-behavior:smooth}body{font-family:Montserrat-Regular,Helvetica Neue,sans-serif;background-color:#aacb73;margin:0;padding:0}#app{overflow-x:clip}ul,p,h1,h2,h3,h4{list-style:none;margin:0;padding:0}a,a:link,a:visited{color:inherit;text-decoration:none}a:hover{color:#fff}.logo{position:fixed;width:50px;height:50px;top:calc(3rem - 25px);right:calc(3rem - 25px);color:#ffe48e}.center{padding-left:6rem;padding-right:6rem;margin-left:auto;margin-right:auto;max-width:1280px}.column-grid{display:flex;justify-content:space-between;gap:1rem}.column-grid header,.column-grid .right-column{width:50%}.mobile-only{display:none}@media screen and (max-width: 1024px){.logo{position:absolute}.center{padding-left:1rem;padding-right:1rem}.center .column-grid{flex-direction:column;gap:0}.center .column-grid header,.center .column-grid .right-column{width:100%}.center .column-grid header{position:static;justify-content:flex-start;height:auto}.center .column-grid header .navbar{display:none}.center .column-grid header .socials{margin-top:2rem}.center .column-grid .mobile-only{display:flex}.center .column-grid .mobile-only h3{text-transform:uppercase;font-size:1.2rem;font-weight:600;color:#3a7035;margin-bottom:1rem}}@media screen and (max-width: 1024px) and (min-width: 600px){.center .column-grid .list-item-wrapper{grid-template-columns:repeat(8,1fr)}.center .column-grid .list-item-wrapper .exp-thumbnail-wrapper,.center .column-grid .list-item-wrapper .proj-thumbnail-wrapper,.center .column-grid .list-item-wrapper .pub-thumbnail-wrapper{grid-column:span 2}.center .column-grid .list-item-wrapper .list-item-info{grid-column:span 6}}@media screen and (max-width: 1024px) and (max-width: 600px){.center .column-grid .list-item-wrapper{grid-template-columns:none;gap:0}.center .column-grid .list-item-wrapper .exp-thumbnail-wrapper,.center .column-grid .list-item-wrapper .pub-thumbnail-wrapper{display:block;padding-bottom:.25rem}.center .column-grid .list-item-wrapper .proj-thumbnail-wrapper{display:block;order:2;padding:0;margin-top:1rem;width:12rem;max-height:9rem}}header{color:#3a7035;padding-top:6rem;padding-bottom:6rem;height:100vh;position:sticky;top:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}header h1{font-size:3rem;margin:0;letter-spacing:-.025em;line-height:1em}header h2{letter-spacing:-.025em;line-height:1em;margin-top:.75rem;margin-bottom:0}header .nav-list{max-width:max-content;margin-top:4rem}header .nav-list .nav-line{display:flex;align-items:center}header .nav-list img{width:100%;height:auto;object-fit:cover}header .nav-list .nav-text{font-size:1.3rem;padding-left:1rem;padding-right:1rem}header .nav-list .active .nav-line,header .nav-list :hover .nav-line{transition:width .75s;width:9rem!important}header .nav-list .active img#master,header .nav-list :hover img#master{display:block!important}header .nav-list .active img#kokiri,header .nav-list :hover img#kokiri{display:none!important}header .nav-list .active .nav-text,header .nav-list .active .nav-text:link,header .nav-list .active .nav-text:visited,header .nav-list :hover .nav-text,header .nav-list :hover .nav-text:link,header .nav-list :hover .nav-text:visited{color:#fff!important;color:#fff6da}header .nav-list :hover .nav-line{animation-duration:2s;animation-iteration-count:infinite;animation-direction:normal;animation-name:rotatex;animation-timing-function:linear}@keyframes rotatex{0%{transform:rotate3d(0)}to{transform:rotateX(1turn)}}header .nav-list .nav-list-item{display:flex;justify-content:start;align-items:center;gap:1rem;padding-top:.75rem;padding-bottom:.75rem}header .nav-list .nav-list-item .nav-line{width:4rem;height:20px}header .nav-list .nav-list-item .nav-line img#master{display:none}header .nav-list .nav-list-item .nav-line img#kokiri{display:block}header .nav-list .nav-list-item .nav-text{color:#ffde74;text-transform:uppercase}header .socials{margin-top:4rem;margin-left:.75rem}header .socials ul{color:#ffde74;display:flex;flex-direction:row;justify-content:start;gap:2rem}header .socials ul li{height:2rem;width:2rem}.right-column{padding-top:6rem}.right-column section{margin-bottom:9rem;scroll-margin-top:6rem}.blurb{display:flex;flex-direction:column;justify-content:center;color:#3a7035}.section-list>li{margin-bottom:4rem}.list-item-wrapper{display:grid;grid-template-columns:minmax(9rem,2fr) 6fr;gap:1rem;padding:.5rem;position:relative}.exp-thumbnail-wrapper{height:auto;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:.25rem;color:#3a7035;font-size:1rem;font-weight:600}.exp-thumbnail-wrapper>div{text-align:center}.pub-thumbnail-wrapper{height:auto;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:.25rem;color:#3a7035;font-size:1rem;font-weight:600}.pub-thumbnail-wrapper>div{text-align:center}.proj-thumbnail-wrapper{max-width:12rem;max-height:9rem;height:auto;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:.25rem;color:#3a7035;font-size:1rem;font-weight:600}.proj-thumbnail-wrapper .proj-thumbnail-img{width:100%;height:auto;max-height:9rem;object-fit:contain;border-radius:10px;box-sizing:border-box;overflow:hidden}.list-item-info{display:flex;flex-direction:column;justify-content:start;color:#3a7035}.list-item-info .list-item-title h3{font-size:1.2rem;font-weight:800}.list-item-info .list-item-title h4{font-size:1rem;font-weight:500}.list-item-info .list-item-desc{font-size:.95rem;margin-top:.75rem}.list-item-info .list-item-tech{font-size:.9rem;display:flex;justify-content:start;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.list-item-info .list-item-tech li{color:#ffde74;border:2px solid #ffde74;border-radius:8px;padding:.2em}#gradient-container{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:-5;background:radial-gradient(farthest-corner at bottom left,#4c9345,transparent 60vw),radial-gradient(farthest-corner at top right,#4c9345,transparent 60vw)}.navi-wrapper{position:relative;z-index:10;pointer-events:none}.navi-cursor{width:50px;height:50px;position:absolute;transform:scale(0);transition:all 1.5s}.navi-weave{width:50px;height:50px;position:absolute}.navi-body{width:50px;height:50px;position:absolute;z-index:-1;background:radial-gradient(circle at center,white,rgb(135,235,232) 7px,rgb(122,212,209) 9px,transparent 10px)}.glow{color:#87ebe8;animation:text-pulse 4s ease-in-out infinite alternate}@keyframes text-pulse{0%,to{text-shadow:0 0 5px rgb(210,238,237),0 0 15px rgb(210,238,237),0 0 20px rgb(137,241,241),0 0 25px rgba(19,225,218,.8)}50%{text-shadow:0 0 20px rgb(210,238,237),0 0 30px rgb(210,238,237),0 0 40px rgb(137,241,241),0 0 50px rgba(19,225,218,.8)}}.navi-glow{width:16px;height:16px;top:0;left:0;right:0;bottom:0;margin:auto;position:absolute;transform-style:preserve-3d;border-radius:100px;z-index:-3;animation:pulse 1.3s ease-in-out infinite alternate}@keyframes pulse{0%,to{box-shadow:0 0 15px 5px #87ebe880;box-shadow:0 0 20px 10px #87ebe8e6}50%{box-shadow:0 0 20px 10px #87ebe880;box-shadow:0 0 30px 20px #87ebe8e6}}.spawning{animation-name:spawn;animation-duration:.6s;animation-iteration-count:1;animation-direction:normal;animation-timing-function:ease-out;transform-origin:left}@keyframes spawn{0%{transform:rotate(160deg) translate(50px) rotate(-150deg) scale(0)}to{transform:rotate(0) translate(0) rotate(0) scale(1)}}.flying{animation-name:bob;animation-duration:1.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-delay:-.75s}@keyframes bob{0%{transform:translateY(50%)}to{transform:translateY(-50%)}}.weave{animation-name:weave;animation-duration:4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-delay:-2s}@keyframes weave{0%{transform:translate(50px)}to{transform:translate(-50px)}}.navi-wingbox{position:absolute;display:grid;grid-template-rows:1;grid-template-columns:20px 1fr 20px;top:0;margin:auto;width:50px;height:50px;z-index:-2}.navi-wingbox div{content:"";width:20px;height:50px;position:absolute}.navi-wingbox .navi-wingleft-turn{position:relative;grid-column:1/1}.navi-wingbox .turn-left{animation-name:turn-left;animation-duration:8s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;animation-delay:-3s;transform-origin:right;perspective:800px}@keyframes turn-left{0%,to{transform:translate(-2px) 0,1,0,0}50%{transform:translate(4px) rotateY(180deg);z-index:-5}}.navi-wingbox .navi-wingright-turn{position:relative;grid-column:3}.navi-wingbox .turn-right{animation-name:turn-right;animation-duration:8s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;animation-delay:-7s;transform-origin:left;perspective:800px}@keyframes turn-right{0%,to{transform:translate(2px) 0,1,0,0}50%{transform:translate(-4px) rotateY(180deg);z-index:-5}}.navi-wingbox .navi-wingleft{transform-origin:right;animation:flapping-left .3s ease-in-out infinite;background-image:url(/assets/wing-left-CUQ46gf5.svg);background-repeat:no-repeat;background-size:contain}.navi-wingbox .navi-wingright{transform-origin:left;animation:flapping-right .3s ease-in-out infinite;background-image:url(/assets/wing-right-CwezCMvR.svg);background-repeat:no-repeat;background-size:contain}@keyframes flapping-left{0%,to{transform:rotateX(-15deg) rotateY(-45deg)}50%{transform:rotateX(-10deg) rotateY(-20deg)}}@keyframes flapping-right{0%,to{transform:rotateX(-15deg) rotateY(45deg)}50%{transform:rotateX(-10deg) rotateY(20deg)}}#wind{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:-4}.leaf{background:url(http://www.clipartqueen.com/image-files/red-lobed-fall-clipart-leaf.png);background-size:100% 100%;width:35px;height:35px;position:absolute}
