:root{--emc-white:#fff;--emc-white-off:#f5efed;--emc-white-grey:#e8f1f2;--emc-grey-bg:#e6e6ea;--emc-grey-light:#e2e2e2;--emc-grey-mid:#605f5e;--emc-grey-dark:#363f3f;--emc-grey-dark-alt:#33312e;--emc-black:#0a0908;--emc-black-rich:#04151f;--emc-dark:#230007;--emc-teal-light:#00f2f2;--emc-teal-light-alt:#00b9ae;--emc-teal:#099;--emc-teal-alt:#19535f;--emc-teal-dark:#000001;--emc-teal-dark-alt:#022b3a;--emc-teal-dark-rich:#042a2b;--emc-blue:#0a2463;--emc-green:#0c6;--emc-yellow:#ffc43d;--emc-lime:#ceff1a;--emc-red:#d00a01;--emc-pink:#ef476f;--emc-orange:#fb5012;--emc-purple:#3c1642}.lora{font-family:Lora,serif;font-optical-sizing:auto}.kanit-regular,.lora{font-weight:400;font-style:normal}.kanit-bold,.kanit-regular{font-family:Kanit,sans-serif}.kanit-bold{font-weight:700;font-style:normal}body{margin:0;padding:0;background-color:#fff;color:#111;font:16px;line-height:1.5;font-family:Kanit,sans-serif}.container{max-width:90%;text-align:center;margin:0 auto}a{color:var(--emc-black);text-decoration:none}a:focus,a:hover{text-decoration:underline}h1,h2{font-family:Kanit,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#111}h3{font-family:Lora,serif;font-optical-sizing:auto;font-weight:400;font-style:italic}h1{font-size:2.5rem}h2{font-size:2rem}h2,h2 a,h2 a:hover{color:var(--emc-teal-alt)}header h1{margin:0;padding:5rem 0 1.75rem;color:var(--emc-grey-dark-alt)}header.wrapper{display:flex;align-items:baseline;flex-direction:column;padding-bottom:2rem}@media (min-width:768px){header.wrapper{align-items:baseline;flex-direction:row;padding-bottom:0}}header.wrapper>span{line-height:2.5rem;margin-left:1rem}.header{border-bottom:6px solid var(--emc-teal)}.portfolio{border-top:4px solid var(--emc-lime);padding-top:2rem}.grey{background:var(--emc-white-off);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><rect width="800%" height="800%" fill="url(%23a)"/></svg>')}@media (min-width:768px){.grid{display:grid;grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(1fr));grid-auto-columns:1fr;grid-auto-flow:dense;padding:2rem}}@media (min-width:1200px){.grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-auto-columns:1fr;padding:4rem 2rem;grid-gap:3rem 6rem}}.grid-item{text-align:left;font-weight:100;padding-bottom:3rem}@media (min-width:768px){.grid-item{display:grid;grid-template-columns:1fr;grid-gap:1rem}.grid-item,.grid-item.special+.grid-item{align-content:start}.grid-item.special{grid-column:span 2;align-content:center;justify-content:center}.grid-item.special img{grid-column:1/span 3;grid-row:1/span 2}.grid-item.special .description{grid-column:2/span 3;align-self:end;text-align:left}}.grid-item img{width:100%;margin:0}.grid-item .description{margin:0;padding:0 0 2rem}.grid-item h2{line-height:1.2}.grid-item .description{border-bottom:var(--emc-lime) 6px solid}.subtitle{font-family:Lora;font-size:1.8rem;font-style:italic;color:var(--emc-grey-dark-alt)}.wrapper,header,nav{margin:0 auto}.about .wrapper{padding:3rem;background:var(--emc-teal-dark-alt)}footer.wrapper{padding:2rem 0 3rem}.wrapper{padding:0 2rem}.about{background:var(--emc-teal-dark-alt);font-size:150%;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><rect width="800%" height="800%" fill="url(%23a)"/></svg>')}.about,.about a,.about h2,.github{color:var(--emc-white-off)}.github{background:var(--emc-teal)}.github h2{text-align:center}.github a,.github h2{color:var(--emc-white-off)}.github a{display:inline-block}.cv{background:var(--emc-teal-dark);padding:6rem 0 8rem;text-align:center}.cv,.cv a{color:var(--emc-white-off)}.cv a{background:var(--emc-teal-dark-alt)}@media (min-width:1200px){.wrapper{max-width:1136px}.about .wrapper{max-width:866px}}nav ul{list-style-type:none;text-align:center;padding:0;margin-left:0}@media (min-width:481px){nav ul{display:flex;flex-wrap:wrap;flex-direction:row}}ul.menu{list-style:none outside;margin:0;padding:0}nav ul li{display:block}@media (min-width:481px){nav ul li{flex:1 1 50%}}@media (min-width:768px){nav ul li{flex:1 1 0}}nav ul>li>a{color:var(--emc-purple);text-decoration:none}nav ul>li>a:hover{color:var(--emc-teal-alt)}nav ul>li>a{display:block;padding:.5rem 0}.btn{padding:.75rem 2rem;align-items:center;display:inline-flex;justify-content:center;line-height:1.25;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.btn,.btn-demo{cursor:pointer;text-decoration:none;transition:all .25s}.btn-demo{color:#fff;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.02);box-sizing:border-box;color:rgba(0,0,0,.85)}.btn-demo:focus,.btn-demo:hover{border-color:rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);color:rgba(0,0,0,.65);text-decoration:none}.btn-demo:hover{transform:translateY(-1px)}.footer--social{padding:3rem 0 5rem}.footer--social li a img{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:100%;border-color:rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);color:rgba(0,0,0,.65)}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px;word-wrap:normal}