@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes shake{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes shake{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}*{font-family:Kanit,serif;margin:0}.App{background-image:linear-gradient(#6596a9,#72a9be);max-width:100vw}nav{background:#2b6cb4;display:flex;flex-direction:row;float:right;font-family:Roboto Condensed,sans-serif;font-size:1.75rem;height:7vh;justify-content:space-evenly;position:-webkit-sticky;position:sticky;top:0;width:100vw}nav li{list-style-type:none}.education{list-style-position:inside}a{color:#fff;text-decoration:none}img{height:75vw;max-height:65vh;max-width:100vw;width:75vw}a:hover{color:#6596a9}#welcome-section{align-items:center;background-image:linear-gradient(#2b6cb4,rgba(113,154,169,0));color:#fff;font-family:Kanit,serif;min-height:100vh;width:100vw}#welcome-section,#welcome-wrapper{display:flex;flex-direction:column;justify-content:center}#welcome-wrapper{align-items:flex-end;-webkit-animation:fadeIn 5s;animation:fadeIn 5s}#name{display:flex;flex-direction:row;font-size:11vw}#emoji{-webkit-animation:shake 4s ease-in 0s alternate none;animation:shake 4s ease-in 0s alternate none}#flavor{font-size:1.5rem}#about-section{align-items:center;-webkit-animation:fadeIn 5s;animation:fadeIn 5s;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.about-body{line-height:1.5rem;padding-left:12vw;padding-right:12vw}#education-body{width:65vw}#education-body a{text-decoration:underline}#about-title{padding-top:1rem}.skills{height:10vh;width:10vw}h2{font-size:3rem}h2,h3{color:#fff;font-family:Kanit,serif}h3{padding:1rem}#projects{padding-top:3rem}#projects-header{padding-bottom:1rem}#contact,.projects-grid{display:flex;flex-direction:column;justify-content:center}#contact{align-items:center;background:radial-gradient(circle at bottom,hsla(0,0%,100%,.25) 170vw,transparent 0);min-height:100vh}#contact i{padding-right:.5rem}#contact-wrapper{display:flex;flex-direction:column}#contact-links{display:flex;flex-direction:row;font-size:2rem;justify-content:space-evenly;padding-top:1rem}#contact-links a{text-decoration:underline}#top{color:#fff;font-size:4rem}#credits,#top{padding-top:3rem}#credits a,.projects-grid a{text-decoration:underline}footer{background:#2b6cb4;display:flex;font-size:1rem;height:200%;justify-content:flex-end;margin:0;padding-right:5rem}@media only screen and (min-width:768px){nav{font-size:4vh;height:5vh;justify-content:right;padding-right:5rem}nav li{padding-left:2rem}img{height:30vh;width:30vw}#name{font-size:6vw}#contact{background:radial-gradient(circle at bottom,hsla(0,0%,100%,.25) 45vw,transparent 0)}#welcome-section{display:flex;flex-direction:row;margin:0;min-width:75vw;padding:0;width:auto}#about-body{padding-left:20vw;padding-right:20vw}.projects-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.projects-grid>div{padding:1rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.862286c2.css.map*/