@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cascadia+Mono:ital,wght@0,200..700;1,200..700&family=Dosis:wght@200..800&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=League+Spartan&display=swap);@import url(https://fonts.googleapis.com/css2?family=KoHo:wght@300&family=M+PLUS+1&family=PT+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overscroll-behavior:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{position:fixed;top:0;width:100vw;z-index:10}.nav-collapsed{background-color:transparent}.nav-collapsed,.nav-expanded{display:flex;flex-direction:column;padding:1em}.nav-expanded{background-color:#44617b;color:#fff;height:100vh;width:100%}.menu{margin-top:0;text-align:left}.nav-menu{padding:.75em}.links,.nav-menu{display:flex;flex-direction:column}.links{margin-top:1.5em;text-align:left}.nav-link{border:.5px solid transparent;color:#fff;display:inline-block;font-family:Kanit,sans-serif;font-size:1.5em;margin:.5em;padding:0 2.5%;position:relative}.nav-link:after{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:50%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.nav-link:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.nav-button{border:.5px solid transparent;color:#e7e7eb;font-family:Kanit,sans-serif;font-size:1.5em;margin:0 50px;padding:5px}.nav-bar{display:none}@media only screen and (min-width:768px){#nav{display:none}.nav-bar{align-items:center;background-color:rgba(69,87,101,.067);display:flex;height:80px;width:100%}.nav-bar a p{position:relative}.nav-bar a p:before{background-color:#e7e7eb;bottom:-2px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.nav-bar a:hover p:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.links-list{flex-direction:row;width:100%}.links-list,.nav-link{align-items:center;display:flex}.nav-link{color:#e7e7eb;margin:0 10px;padding:2.5% 0}a{text-decoration:none}.nav-button{margin:0 25px}}.footer{align-items:flex-start;background-color:rgba(68,97,123,.933);bottom:0;color:#fff;display:flex;flex-direction:column;font-family:Kanit,sans-serif;font-size:1.5em;padding:0 5% 5%}.contact-icons{display:flex;flex-direction:row;margin-top:5px;width:90%}.icon{color:#fff}.icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.contact-icons a{margin-right:10%}@media only screen and (min-width:768px){.contact-icons{display:flex;flex-direction:row;justify-content:space-between;margin-top:5px;width:12em}}.short-intro{padding-top:5em}.profile{align-items:center;display:grid;height:40vh;justify-items:center;margin:20px 30px}#title{font-family:Cascadia Mono;font-weight:300;text-align:start}#greeting{font-size:1.2em;margin:10px}#name{font-size:5em;font-weight:500}#bio,#name{margin:10px}#bio{font-size:1.2em}#cover-img{display:none;grid-row:2/3;opacity:.4;width:90%}#cover{width:inherit}.summary{align-items:center;display:flex;flex-direction:column}#summary-img{display:none}.intro-text{background-color:hsla(0,0%,100%,.067);border:2px solid #d3cfd9;display:flex;flex-direction:column;font-size:1.1em;margin:5%;padding:10px;scroll-margin-top:10em;text-align:start}.summary h2{display:block;font-family:Kanit,sans-serif;font-weight:400;margin:0;position:relative;right:30%;text-align:left;top:20px}#more,p.content{font-family:Kanit,sans-serif;font-weight:300}#more{color:#359fd4;text-decoration:underline}@media only screen and (min-width:768px){.short-intro{display:flex;flex-direction:column;justify-items:center;padding-top:0}.profile{align-items:center;display:grid;grid-template-columns:1fr 3fr 1fr 4fr 1fr;grid-template-rows:1fr;height:100vh;justify-items:center;margin:10px}#title{display:grid;grid-column:2/3;grid-row:1/2}#cover-img{display:initial;grid-column:4/5;grid-row:1/2;height:40vh}#cover{-webkit-filter:blur(1px);filter:blur(1px);height:inherit;opacity:.4}.summary{display:grid;grid-template-columns:1fr 3fr 1fr 4fr 1fr;grid-template-rows:1fr/3fr}.summary h2{font-size:2.5em;grid-column:4/5;grid-row:1/2;right:10%;text-align:end}#summary-img{display:initial;height:40vh;left:5%;position:absolute;top:101%}#summary-image{-webkit-filter:blur(1px);filter:blur(1px);height:inherit;opacity:.2}.intro-text{grid-column:2/5;margin:5% 0}}h3{font-family:PT Sans,sans-serif;margin:10px 0;text-align:left}.skills{padding-top:5em}.skills-container{grid-gap:5px;background-color:hsla(0,0%,100%,.067);display:grid;font-size:1.1em;gap:5px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin:5%;padding:5px;text-align:start}.skill{align-items:center;background-color:hsla(0,0%,100%,.533);border:1.5px solid #fff;display:flex;flex-direction:column;height:85px;justify-content:center;margin-bottom:15px;width:85px}.skill:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.skill img{height:50%;padding:5px 10px;width:auto}.skill .text{color:#000;font-size:.6rem;margin:5px 0;padding:0 10px}.sorts{display:flex;flex-wrap:wrap}.hide{display:none}.projects{padding-top:5em}.projects h1{margin:0 5%;padding:0 10px;text-align:left}.projects-container{align-items:center;display:flex;flex-direction:column;margin:30px 10px;padding:10px 0}.icon-view{display:none}.project-card{background-color:#455765;border:2px solid #fff;border-radius:15px;box-shadow:5px 5px 1px .5px hsla(240,9%,91%,.333);color:#e7e7eb;margin:10px;padding:10px;position:relative;width:300px}.project-title h2{font-family:M PLUS\ 1,sans-serif;font-size:1.25em;margin:10px 15px;text-align:left}img.project-img{border:1px solid #e7e7eb;border-radius:5px;height:auto;padding:4px;width:275px}.project-card svg{fill:currentColor;color:#e7e7eb}.project-git{bottom:0;padding:15px;position:absolute;right:0}.project-live{padding:10px;position:absolute;right:0;top:0}.not-live{display:none}.about{align-items:center;display:flex;flex-direction:column-reverse}.text{padding:0 5px}.stacks{font-family:KoHo,sans-serif;font-size:1.1em;text-align:left}.description{font-family:PT Sans,sans-serif;font-size:1.15em;padding-right:5%;text-align:start}@media only screen and (min-width:725px){.projects{margin:0 30px}.projects h1{margin:0 calc(5% - 30px)}.projects-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));margin:30px auto}.project-card{height:630px}}h1{margin:0 5%;padding:0 10px;text-align:left}.more-about-me{padding-top:5em}.more-container{margin:5%;padding:5px}.resume{font-family:M PLUS\ 1,sans-serif;margin:0 5%;padding:10px;text-align:left}a{align-items:center;color:inherit;display:flex;text-decoration:none}a p{display:inline-block;font-size:larger;margin:10px;position:relative}.resume a p:before{background-color:currentColor;bottom:-2px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.resume a:hover p:before{-webkit-transform:scaleX(1);transform:scaleX(1)}embed{height:600px;margin:2% 0;width:800px}.my-story{background-color:hsla(0,0%,100%,.067);border:2px solid #d3cfd9;display:flex;flex-direction:column;font-size:1.1em;margin-bottom:5%;padding:10px;scroll-margin-top:10em;text-align:start}@media only screen and (min-width:481px){.more-container{margin:0 5%}.resume{margin:0;padding:20px 10px}.my-story{margin:0 0 10%}}.App{background-color:#455765;color:#e7e7eb;margin:0;overflow:scroll;padding:0;text-align:center}
/*# sourceMappingURL=main.40596d58.css.map*/