header{background-color:#fff;box-shadow:0 1.4px 2.2px #00000005,0 3.3px 5.3px rgba(0,0,0,.028),0 6.3px 10px rgba(0,0,0,.035),0 11.2px 17.9px rgba(0,0,0,.042),0 20.9px 33.4px #0000000d,0 50px 80px #00000012;font-weight:600;height:70px;position:fixed;width:100%;z-index:2}#header-container{justify-content:space-between;margin:0 auto;max-width:1920px}#header-container,#header_logo-container{align-items:center;display:flex;height:100%}#header_logo-container{color:#000;cursor:pointer;margin-left:80px;text-decoration:none;transition:.2s}#header_logo{height:70%;margin-right:10px;width:auto}#header_logo-container p{font-size:1.5em}#header_logo-container:hover{transform:scale(.95);transition:.2s}nav ul{display:flex;list-style:none;margin-right:80px}nav button{background-color:#0000;border:none;cursor:pointer;font-size:20px;font-weight:600;margin-left:50px;transition:.2s}nav button:hover{color:#ff6464;transform:scale(.95);transition:.2s}#menu-close,#menu-open{display:none}#menu-open{margin-right:50px}#menu-close{position:absolute;right:20px;top:20px}#check{display:none}nav label{height:40px;width:40px}nav label img{height:100%}@media screen and (max-width:1000px){#header_logo-container{margin-left:50px}nav ul{background-color:#fff;box-shadow:0 1.4px 2.2px #00000005,0 3.3px 5.3px rgba(0,0,0,.028),0 6.3px 10px rgba(0,0,0,.035),0 11.2px 17.9px rgba(0,0,0,.042),0 20.9px 33.4px #0000000d,0 50px 80px #00000012;display:block;left:-100%;margin:0;padding-top:20px;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1}nav li{display:flex;justify-content:center}nav button{margin:0;padding-bottom:20px}nav button:hover{color:#000;transform:scale(1)}#menu-open{display:block}#check:checked~#menu-open{display:none}#check:checked~ul #menu-close{display:block}#check:checked~ul{left:0}#header_logo-container:hover{transform:scale(1)}}@media screen and (max-width:450px){#header_logo-container{font-size:.8em}#header__logo{height:40px}#header_title{display:none}}#home{align-items:center;background-image:url(/static/media/home-background.5d89b94c8bec875fae19.webp);background-position:50%;background-size:cover;display:flex;flex-direction:column;font-size:30px;height:100vh;min-height:600px}#home__title{background-color:#000000b3;border-radius:20px;box-shadow:2.8px 2.8px 2.2px #00000005,6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px #0000000d,100px 100px 80px #00000012;color:#fff;margin:0 20px;padding:10px 20px;position:relative;text-align:center;top:30%}#home__title span{color:#ff6464}.scroll-icon{border:1px solid #fff;border-radius:2em;bottom:20px;height:40px;position:absolute;width:20px}.scroll-icon .wheel{animation:wheel 1s ease-in-out infinite;background-color:#fff;border-radius:.6em;height:5px;left:50%;position:absolute;top:15%;transform:translate(-50%);width:5px}@keyframes wheel{0%{opacity:0;transform:translate(-50%)}20%,70%{opacity:1}90%,to{opacity:0;transform:translate(-50%,150%)}}@media screen and (max-height:600px){.scroll-icon{display:none}}@media screen and (max-width:450px){#home__title{font-size:1em}}#about{align-items:center;display:flex;flex-direction:column;height:auto;padding:50px 15%;text-align:center}#about h2{margin-bottom:20px}#about__text{margin-bottom:50px}#about li{font-size:1.2em;list-style:none;margin-bottom:20px;margin-top:20px}#about span{color:#ff6464}#about__networks-links{margin-top:50px}#about__networks-links img{cursor:pointer;height:50px;margin:10px;transition:.2s}#about__networks-links img:hover{opacity:.8;transform:scale(.95);transition:.2s}@media screen and (max-width:1000px){#about__networks-links img:hover{opacity:1;transform:scale(1)}}@media screen and (max-width:700px){#about{padding:50px 10%}}@media screen and (max-width:500px){#about{padding:50px 5%}}#skills{background-color:#fafafa;padding:50px;text-align:center}#skills-container{flex-wrap:wrap}#skills-container,.skill{display:flex;justify-content:center}.skill{align-items:center;position:relative}.skill p{background-color:#ff64641a;border-radius:5px;box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.014),6.7px 6.7px 5.3px #00000005,12.5px 12.5px 10px rgba(0,0,0,.025),22.3px 22.3px 17.9px #00000008,41.8px 41.8px 33.4px rgba(0,0,0,.036),100px 100px 80px #0000000d;display:inline-block;font-size:1.2em;margin:5px;padding:10px;text-align:center;transition:.2s}.skill img{max-height:90%;max-width:90%;position:absolute;transition:all .2s}@media screen and (max-width:500px){#skills{padding:50px 5%}}#projects{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;padding:70px 10%;text-align:center}#projects__intro{margin-bottom:30px}#projects h3{color:#000;font-size:2em;margin-top:50px}.carousel{border-radius:10px;box-shadow:.3px .3px 2.2px rgba(0,0,0,.042),.7px .7px 5.3px rgba(0,0,0,.061),1.3px 1.3px 10px rgba(0,0,0,.075),2.2px 2.2px 17.9px rgba(0,0,0,.089),4.2px 4.2px 33.4px rgba(0,0,0,.108),10px 10px 80px #00000026;height:auto;max-width:1000px}.carousel-image{border-radius:10px;height:100%;transition:all .2s;width:100%}.carousel-logo{background-color:#ffffff80;border-radius:0 10px 0 10px;bottom:0;left:0;padding:10px;position:absolute;transition:.2s}.carousel-skills{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s}.carousel-skills li{background-color:#ff6464;border-radius:5px;box-shadow:1.4px 1.4px 2.2px #00000005,3.3px 3.3px 5.3px rgba(0,0,0,.028),6.3px 6.3px 10px rgba(0,0,0,.035),11.2px 11.2px 17.9px rgba(0,0,0,.042),20.9px 20.9px 33.4px #0000000d,50px 50px 80px #00000012;color:#fff;display:inline-block;font-size:1.2em;margin:5px;padding:10px;text-align:center;transition:.2s}@media screen and (max-width:700px){.carousel-skills li{font-size:1em;padding:5px}}@media screen and (max-width:500px){#projects{padding:70px 5%}.carousel-skills{display:none}}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:#0000;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid #0000;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;left:auto;padding:1em 0;right:.5em;top:0}#contact,.splide__pagination--ttb{display:flex;flex-direction:column}#contact{align-items:center;background-color:#e6e6e6;background-size:100% 100%;justify-content:center;padding:100px}#contact h1{margin-bottom:30px}#contact form{background-color:#fff;border-radius:10px;box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.014),6.7px 6.7px 5.3px #00000005,12.5px 12.5px 10px rgba(0,0,0,.025),22.3px 22.3px 17.9px #00000008,41.8px 41.8px 33.4px rgba(0,0,0,.036),100px 100px 80px #0000000d;display:flex;flex-direction:column;padding:20px;width:600px}#contact label{margin:10px}#contact input,#contact textarea{background-color:#f8f8f8;border:none;border-radius:10px;font-weight:600;outline:none;padding:20px}#contact textarea{max-height:500px;resize:vertical}#contact button{background-color:#0000;border:none;cursor:pointer;font-size:1.2em;font-weight:600;margin:20px 0 0 auto;transition:.2s}#contact button:hover{color:#ff6464;transform:scale(.95);transition:.2s}#error,#loading,#success{font-size:1.2em;font-weight:500;margin:20px 0 0 auto}#success{color:green;margin-right:auto;text-align:center}#error{color:red}@media screen and (max-width:1000px){#contact button:hover{color:#000;text-shadow:none;transform:scale(1)}}@media screen and (max-width:700px){#contact{padding:50px}#contact form{width:100%}#contact button,#error,#loading{text-align:center}}@media screen and (max-width:500px){#contact{padding:50px 10%}#contact form{background-color:#0000;box-shadow:none;padding:0}#contact input,#contact textarea{background-color:#fff;border-radius:10px;box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.014),6.7px 6.7px 5.3px #00000005,12.5px 12.5px 10px rgba(0,0,0,.025),22.3px 22.3px 17.9px #00000008,41.8px 41.8px 33.4px rgba(0,0,0,.036),100px 100px 80px #0000000d}}#project{margin:0 auto;max-width:1000px;padding:70px 5% 50px;text-align:center}#project .carousel{margin:30px 0}#project-logo{height:auto;max-height:70px;max-width:50%}#project-comment,#project-logo{margin-bottom:30px}#project-skills li{background-color:#ff6464;border-radius:5px;box-shadow:1.4px 1.4px 2.2px #00000005,3.3px 3.3px 5.3px rgba(0,0,0,.028),6.3px 6.3px 10px rgba(0,0,0,.035),11.2px 11.2px 17.9px rgba(0,0,0,.042),20.9px 20.9px 33.4px #0000000d,50px 50px 80px #00000012;color:#fff;display:inline-block;font-size:1.2em;margin:5px;padding:10px;text-align:center;transition:.2s}#project-links{align-items:center;display:flex;justify-content:center;margin-top:30px}#project-github,#project-online{margin:15px}#project-github,#project-google-play{cursor:pointer;max-width:150px;transition:.2s;width:50%}#project-github:hover,#project-google-play:hover,#project-online:hover{opacity:.8;transform:scale(.95);transition:.2s}#project-online{color:#ff6464;font-size:1.5em;text-decoration:none;transition:.2s}@media screen and (max-width:1000px){#project-github:hover,#project-google-play:hover,#project-online:hover{opacity:1;transform:scale(1)}}@media screen and (max-width:400px){#project-links{flex-direction:column}}#page-error{background-image:url(/static/media/page-error-background.a09f23c11f15a11fcc59.webp);background-position:50%;background-size:cover;height:100vh;min-height:700px;padding-top:70px}#page-error h2{font-size:4em;margin:30px 50px 0 0;padding:0;text-align:end}@media screen and (max-width:1000px){#page-error h2{font-size:3em}}@media screen and (max-width:500px){#page-error h2{font-size:2em;margin:60px 0 0;text-align:center}}@media screen and (max-width:360px){#page-error h2{font-size:1.5em}}#privacy-policy{padding:100px 5% 50px;text-align:center}#privacy-policy h1{color:#ff6464;font-size:2.5em}#privacy-policy-project-name{font-weight:500}footer{background-color:#000;color:#fff;height:auto;padding:50px}#footer-container{margin:0 auto;max-width:1920px}footer h4{font-size:1.2em}#footer__upper{justify-content:space-between;margin-bottom:50px}#footer__upper,#footer__upper-links,#footer__upper-name{align-items:center;display:flex}#footer__upper-links img{cursor:pointer;height:40px;margin-left:15px;transition:all .2s}#footer__upper-name img{height:40px;margin-right:15px}#footer__upper-links img:hover{opacity:.5;transition:all .2s}#footer__lower{border-top:1px solid gray;padding-top:50px;text-align:center;width:100%}@media screen and (max-width:1000px){#footer__upper-links img:hover{opacity:1}}@media screen and (max-width:700px){footer{padding:30px}#footer__upper{flex-direction:column;margin-bottom:30px}#footer__upper-links{margin-top:30px}}@media screen and (max-width:450px){#footer__upper-name{flex-direction:column;text-align:center}#footer__upper-name img{margin:0 0 10px}}*{font-family:Bai Jamjuree,sans-serif;font-weight:400}body{margin:0;min-width:250px}h1,h2,h3,h4,p,ul{margin:0;padding:0}h2{font-size:3em}h2,h3{color:#ff6464;font-weight:500;margin-bottom:10px}h3{font-size:1.5em}p{font-size:1.2em}@media(max-width:700px){h2{font-size:2.5em}}@media(max-width:500px){h2{font-size:2em}}@media(max-width:300px){h2{font-size:1.5em}}
/*# sourceMappingURL=main.676a1775.css.map*/