@import url(https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@600&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.intro-container{background-image:url(/static/media/bg2.6de5900634047886c820.png);background-repeat:no-repeat;background-size:cover;border-right:2vh solid #faebd7;flex-direction:column;height:100vh;justify-content:space-around;margin-left:0;margin-top:0;width:100%;z-index:1}.header,.intro-container{align-items:center;display:flex}.header{font-family:Lobster Two,cursive;font-size:10vh;justify-content:space-evenly}.name{color:#eeece9;margin-left:3vh}.css,.html,.javascript,.react{height:8vh;margin-left:5vh;width:7vh}.stack{align-items:center;color:#fbfbfb;display:flex;flex-direction:row;font-family:Kanit,sans-serif}.okb{-webkit-animation:morphing 10s infinite;animation:morphing 10s infinite;border:1vh solid #f5f5f5;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:35vh;overflow:hidden;width:35vh}@-webkit-keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,.2)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px rgba(0,0,0,.2)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,.2)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px rgba(0,0,0,.2)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@media only screen and (max-device-width:600px){.intro-container{background-color:#070707;height:100vh;justify-content:space-around;margin-left:0;margin-top:0;width:100%;z-index:1}.header,.intro-container{align-items:center;display:flex;flex-direction:column}.header{font-family:Lobster Two,cursive;font-size:3vh;justify-content:space-evenly}.name{color:#eeece9;margin-left:3vh}.css,.html,.javascript,.react{height:4vh;margin-left:2vh;width:3vh}.stack{align-items:center;color:#fbfbfb;display:flex;flex-direction:row;font-family:Kanit,sans-serif}.okb{-webkit-animation:morphing 10s infinite;animation:morphing 10s infinite;border:1vh solid #f5f5f5;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:15vh;overflow:hidden;width:15vh}}.information-section{align-items:center;background-color:#050505;display:flex;flex-direction:row;height:7vh;justify-content:flex-end;position:fixed;width:100%;z-index:1}.about-btn,.contact-btn,.home-btn,.projects-btn{background:none;border-radius:1px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:2px;margin:10px 7px;outline:0;overflow:hidden;padding:5px;position:relative;text-transform:uppercase;transition:.08s ease-in;-o-transition:.08s ease-in;-ms-transition:.08s ease-in;-moz-transition:.08s ease-in;-webkit-transition:.08s ease-in;z-index:1}button{background-color:#000;border:2px solid #faebd7;border-radius:10px;color:#faebd7;height:4vh;width:14vh}button:hover{color:#f79706}button:before{background:#fbfaf8;bottom:0;content:"";left:0;position:absolute;right:0;top:100%;-webkit-transition:top .09s ease-in;z-index:-1}button:hover:before{top:0}@media only screen and (max-device-width:600px){.about-btn,.contact-btn,.home-btn,.projects-btn{background:none;border-radius:1px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:2px;margin:10px 7px;outline:0;overflow:hidden;padding:5px;position:relative;text-transform:uppercase;transition:.08s ease-in;-o-transition:.08s ease-in;-ms-transition:.08s ease-in;-moz-transition:.08s ease-in;-webkit-transition:.08s ease-in;z-index:1}button{background-color:#000;border:2px solid #faebd7;border-radius:10px;color:#faebd7;height:4vh;width:10vh}.information-section{align-items:center;background-color:#050505;display:flex;flex-direction:row;height:7vh;justify-content:flex-end;position:fixed;width:100%;z-index:1}}.about-section{align-items:center;background-image:url(/static/media/anime-bg.83d72344c23039aa3b80.jpg);background-repeat:no-repeat;background-size:cover;color:#faf9f7;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-left:0;margin-top:0;width:100%;z-index:1}.about-header{font-family:Lobster Two,cursive;font-size:6vh}.bio{font-family:Kanit,sans-serif;height:30vh;width:85%}.about-box{align-items:center;background-color:#080808;border:3px solid #faebd7;border-radius:5vh;display:flex;flex-direction:column;height:68vh;opacity:.8;width:115vh}@media only screen and (max-device-width:600px){.about-section{align-items:center;background-image:url(/static/media/anime-bg.83d72344c23039aa3b80.jpg);background-repeat:no-repeat;background-size:cover;color:#faf9f7;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-left:0;margin-top:0;width:100%;z-index:1}.about-header{font-family:Lobster Two,cursive;font-size:6vh}.bio{font-family:Kanit,sans-serif;font-size:14px;height:30vh;width:85%}.about-box{align-items:center;background-color:#080808;border:3px solid #faebd7;border-radius:5vh;display:flex;flex-direction:column;height:95vh;opacity:.8;width:40vh}}.contact-section{background-image:url(/static/media/snowcity.02f39b26a6ea449c8482.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}.contact-box,.contact-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact-box{background-color:#080808;border:3px solid #faebd7;border-radius:5vh;height:45vh;opacity:.8;width:115vh}.github,.linkedin,.twitter{height:10vh;margin-left:5vh;width:10vh}.socials-section{margin-top:10vh}.contact-header{color:#f5f5f5;font-family:Lobster Two,cursive;font-size:6vh}.email,.phone{color:#f5f5f5;font-family:Kanit,sans-serif;font-size:4vh}@media only screen and (max-device-width:600px){.contact-section{background-image:url(/static/media/snowcity.02f39b26a6ea449c8482.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}.contact-box,.contact-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact-box{background-color:#080808;border:3px solid #faebd7;border-radius:5vh;height:55vh;opacity:.8;width:45vh}.github,.linkedin,.twitter{height:6vh;margin-left:4vh;width:6vh}.socials-section{margin-top:10vh}.contact-header{color:#f5f5f5;font-family:Lobster Two,cursive;font-size:6vh}.email,.phone{color:#f5f5f5;font-family:Kanit,sans-serif;font-size:3vh}}.project-section{background-image:url(/static/media/pxfuel.2d0313eaedbf9e25568c.jpg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;width:100%}.proj-container{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);padding:20px}.details-1,.details-2{background-color:#000;border:1vh solid #faebd7;height:20vh;width:40vh}.details{align-content:center;align-items:center;display:flex;flex-direction:row;height:33vh;justify-content:space-evenly;width:100%}.display{background-color:#000;border:3px solid #faebd7;border-radius:5vh;height:55vh;width:120vh}.display-section{align-content:center;flex-direction:row}.display-section,.proj-links{display:flex;justify-content:center}.proj-links{align-items:center;color:#f5f5f5;font-family:Lobster Two,cursive;font-size:5vh;height:10vh;width:100%}.deployed-link{margin-left:7vh}.github-btn:hover,.live-btn:hover{background-color:#f5f5f5;color:#000}@media only screen and (max-device-width:600px){.project-section{background-image:url(/static/media/pxfuel.2d0313eaedbf9e25568c.jpg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;width:100%}.proj-container{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);padding:20px}.details-1,.details-2{background-color:#000;border:1vh solid #faebd7;height:20vh;width:40vh}.details{align-content:center;align-items:center;display:flex;flex-direction:row;height:33vh;justify-content:space-evenly;width:100%}.display{background-color:#000;border:3px solid #faebd7;border-radius:5vh;height:20vh;width:45vh}.display-section{align-content:center;flex-direction:row}.display-section,.proj-links{display:flex;justify-content:center}.proj-links{align-items:center;color:#f5f5f5;font-family:Lobster Two,cursive;font-size:5vh;height:10vh;width:100%}}.card{align-items:center;background-color:#000;border:3px solid #faebd7;border-radius:5vh;box-sizing:border-box;color:#f5f5f5;display:flex;flex-direction:column;font-family:Kanit,sans-serif;margin-top:8vh;opacity:.8;padding:1vh}.card:hover{background-color:#f5f5f5;color:#000}
/*# sourceMappingURL=main.07855a76.css.map*/