@import url(https://fonts.googleapis.com/css?family=Prompt:300,400,400i,500,600&display=swap&subset=thai);body,html{font-family:"Prompt",sans-serif!important;background-color:#100e17;color:#e7e7e8;overflow-x:hidden}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{line-height:1}.active,.list_menu:hover{text-decoration:underline}@media screen and (max-width:1001.55px){.nav_main .nav_content{-webkit-justify-content:space-between;justify-content:space-between}.nav_main .nav_content i{cursor:pointer}.nav_main .nav_content .show{text-align:center;margin-bottom:20px}.nav_main .nav_content .list{background-color:#1d1c23;padding:10px;position:absolute;top:15px;right:0;-webkit-flex-direction:column;flex-direction:column}.nav_main .nav_content .list .list_menu{margin-bottom:10px}.list .list_menu{display:none}}@media screen and (min-width:1001.55px){.nav_main .nav_content{-webkit-justify-content:space-between;justify-content:space-between}.nav_main .nav_content i{display:none}.nav_main .nav_content .list{display:-webkit-flex!important;display:flex!important}}.nav_main{width:100%;position:fixed;z-index:100}.nav_main .nav_content{padding:30px 1rem}.nav_main .nav_content .logo{background-color:#0cbba0;padding:3px 8px;font-size:1.3rem;font-weight:700;border-radius:2px}.nav_main .nav_content .list{margin-left:200px}.nav_main .nav_content .list .list_menu{font-size:1.1rem;font-weight:600;border-radius:2px;margin-left:20px;cursor:pointer}@media screen and (max-width:1001.55px){.profile{padding:150px 0 0;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.profile div{width:100%}}@media screen and (min-width:1001.55px){.profile{padding:240px 0 0;-webkit-flex-direction:row;flex-direction:row}.profile div{width:50%}}.profile{display:-webkit-flex;display:flex}.profile .profile_content{-webkit-justify-content:start;justify-content:start}.profile .profile_content span{background-color:#0cbba0;padding:10px 20px;width:110px;border-radius:10px 10px 10px 0}.profile .profile_content h1{font-size:3rem;font-weight:800;padding:20px 0}.profile .profile_content h2{font-size:1.5rem;font-weight:500;padding:0 0 40px}.profile .profile_content .contect_profile{width:220px}.profile .profile_content .contect_profile li{margin-bottom:10px;display:-webkit-flex;display:flex}.profile .profile_content .contect_profile li a{color:#e7e7e8;text-decoration:none}.profile .profile_content .contect_profile li:hover i{color:#0cbba0}.profile .profile_content .social_profile{padding:20px 0}.profile .profile_content .social_profile ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.profile .profile_content .social_profile ul li i{color:#e7e7e8}.profile .profile_content .social_profile ul li:hover i{color:#0cbba0}.profile div .circle_one{border:20px solid #030304;border-radius:50%;width:380px}.profile div .circle_one .circle_two{border:20px solid #0a090f;border-radius:50%;width:340px}.profile div .circle_one .circle_two .img_profile{background-image:url(/static/media/pf.6fade3ed.jpg);width:300px;height:300px;background-repeat:no-repeat;background-size:cover;background-position-x:center;border-radius:50%}@media screen and (max-width:1001.55px){.about{padding:150px 0 0;-webkit-flex-direction:column;flex-direction:column}.about .img_about,.about .img_ref{width:300px;height:300px}}@media screen and (min-width:1001.55px){.about{padding:300px 0 0;-webkit-flex-direction:row;flex-direction:row}.about .img_about,.about .img_ref{width:500px;height:500px}}.about{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.about .img_about{background-image:url(/static/media/programming_amico.b56b3729.png)}.about .img_about,.about .img_ref{background-repeat:no-repeat;background-size:cover}.about .img_ref{background-image:url(/static/media/programming_amico2.c9eaef3d.png)}.about .aboutme{padding:50px}.about .aboutme h1{font-size:1.5rem;font-weight:500;padding:0 0 20px}.about .aboutme p{font-size:1rem;font-weight:100;padding:0 0 40px}.about .aboutme .btn_resume{padding:10px 15px;background-color:#0cbba0;width:200px;text-align:center;border-radius:20px;cursor:pointer}@media screen and (max-width:1001.55px){.education{padding:150px 0 0;-webkit-flex-direction:column;flex-direction:column}.education section{width:100%}}@media screen and (min-width:1001.55px){.education{padding:300px 0 0;-webkit-flex-direction:row;flex-direction:row}.education section{width:50%}}.education{display:-webkit-flex;display:flex}.education section h1{font-size:30px;line-height:40px;font-weight:700;margin-bottom:60px;text-align:center}.education section .card_edu{width:90%;margin-bottom:30px;padding:26px 30px;border-radius:4px;background-color:#1d1c23;box-shadow:0 5px 20px 1px #0a090f}.education section .card_edu .eduname,.education section .card_edu .eduschool{font-size:20px;line-height:30px;font-weight:600}.education section .card_edu .eduschool{color:#0cbba0;text-decoration:none}.education section .card_edu .eduyear{margin:10px 0;color:#0cbba0}.education section .card_edu .edudetail{font-size:14px;line-height:23px;margin-bottom:0}.skill{padding:120px 0 0}.skill h1{font-size:30px;line-height:40px;font-weight:700;margin-bottom:60px;text-align:center}.skill #chartdiv>div>svg>g>g:nth-child(2)>g:nth-child(2)>g>g:nth-child(3){display:none}.work{padding:120px 0 300px}.work h1{font-size:30px;line-height:40px;font-weight:700;margin-bottom:60px;text-align:center}.work .list{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.work .list .card_work{width:300px;margin:0 20px 20px}.work .list .card_work .img_fluid{width:100%;height:150px;margin-bottom:5px}.work .list .card_work div{padding:10px 5px}.work .list .card_work div h2{margin-bottom:10px;color:#0cbba0;font-size:1.1rem;line-height:1.5;font-weight:700;text-align:center}.participated{padding:120px 0 0}.participated h1{font-size:30px;line-height:40px;font-weight:700;margin-bottom:60px;text-align:center}.participated .list{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.participated .list .card_participated{width:300px;background-color:#1d1c23;border-radius:10px;margin:0 20px 20px;box-shadow:0 5px 20px 1px #0a090f}.participated .list .card_participated .img_fluid{border-radius:10px 10px 0 0;width:100%;height:200px;margin-bottom:15px}.participated .list .card_participated div{padding:0 15px}.participated .list .card_participated div h2{margin-bottom:10px;color:#0cbba0;font-size:1.1rem;line-height:1.5;font-weight:700}.participated .list .card_participated div p{padding-bottom:20px}.footer{padding:20px 0}.footer .copyright{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
/*# sourceMappingURL=main.0193ba40.chunk.css.map */