@import url(https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,300;1,500&family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Prompt:ital,wght@0,300;0,400;0,500;1,300&family=Roboto+Mono:wght@500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@200;300&family=Ubuntu:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap);*{font-family:Roboto,sans-serif;margin:0;padding:0}.dark{background-color:#000!important;color:#fff!important}.text-dark-yellow{color:#fff562!important}.text-dark-golden,.text-dark-sky{color:#8fd5eb!important}.text-dark-white{color:#fff!important}.text-dark-blue{color:#b2acff!important}.text-dark-grey{color:#cacaca!important}.text-dark-green{color:#e4f5ff!important}.dark-btn{border:1px solid #fff!important;color:#fff!important}.dark-btn:hover{background:rgba(97,97,97,.219)!important}.hero-main{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 15rem}.hero-top{display:flex;flex-direction:row;justify-content:space-between;padding:.8rem 4rem;width:100%}.hero-top-left{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:1rem;text-align:left;width:22rem}.hero-top-left>h4{-webkit-font-feature-settings:"pcap";font-feature-settings:"pcap";font-family:cursive;font-size:1.2rem;font-variant:petite-caps}.hero-top-left>h1{-webkit-font-feature-settings:"pcap";font-feature-settings:"pcap";font-size:3.2rem;font-variant:petite-caps}.hero-top-left>h1,.hero-top-left>p{font-family:cursive;padding-bottom:.8rem}.hero-top-left>p{color:#494949;flex-wrap:wrap;font-size:.8rem}.hero-top-left-icon{padding-top:1rem}.hero-top-left-icon>a{color:#000;cursor:pointer;padding:0 .3rem}.hero-top-left-icon>a:hover{color:#396969}.fa-file{font-size:28px;padding-left:.2rem}.hero-top-right{padding:1rem}.hero-top-right,.hero-top-right-profile{align-items:center;display:flex;justify-content:center}.hero-top-right-profile{border:1px solid #004441;border-radius:200px;height:250px;overflow:hidden;width:250px}.hero-top-right-profile>img{position:relative;top:19px;width:100%}.hero-bottom{padding:.8rem 4rem}.hero-bottom,.hero-bottom-top{display:flex;flex-direction:row;width:100%}.hero-bottom-top{align-items:center;padding:0 1rem}.hero-bottom-top>h3{font-size:30px;padding-right:1rem;text-align:center}.hero-bottom-top-tech{display:flex;flex-wrap:wrap}.hero-bottom-top-tech>p{cursor:pointer;font-size:35px;padding-right:8px;padding-top:6px;transition:.2s ease-in-out}.icon-dark>a{color:#fff}.hero-bottom-top-tech>p:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.react-logo{color:#32c3ce}.html-logo{color:#be5024}.nest-logo{color:#8a1c1c}.typescript-logo{color:#4772ff}.javascript-logo{color:#f1e537}@media screen and (max-width:900px){.hero-main{padding:4rem 0}.hero-top{display:flex;flex-direction:column-reverse;padding:1rem;width:auto}.hero-top-right{min-width:none}.hero-top-left{align-items:center;text-align:center;width:auto}.hero-bottom{padding:1rem;width:auto}.hero-bottom-top{flex-wrap:wrap;justify-content:center;margin:0}}.about{padding:4rem}.about,.about-main{align-items:center;display:flex;justify-content:space-evenly}.about-main{padding:2rem 0}.about-left{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:center;object-fit:cover;overflow:hidden;padding-right:1rem;width:40%}.about-left>img{border-radius:12px;height:100%;margin:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.about-right{display:flex;flex-direction:column;flex-wrap:wrap;width:40%}.about-right>h3{color:#5e1818;font-size:20px;text-decoration:underline}.about-right>h2{padding-top:1rem}.about-right>p{color:rgba(41,41,41,.89);font-size:.8rem;padding-top:2rem}@media screen and (max-width:1000px){.about{padding:2rem 0}.about-main{flex-direction:column}.about-left,.about-right{padding:2rem;width:75%}}.projects-main{display:flex;flex-direction:column;justify-content:center;padding:4rem}.projects-main-top{margin:0 2rem}.projects-main-top>h3{color:#5e1818;font-size:20px;text-decoration:underline}.projects-main-top>h2{padding-top:1rem}.projects-main-bottom{margin:0 2rem;padding:2rem 0}@media screen and (max-width:700px){.projects-main{padding:4rem 1rem}}.project-main{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 20px -8px #222;display:flex;justify-content:space-between;margin:4rem 0}.inside-dark{background-color:#000!important;box-shadow:0 0 20px -8px #7a7a7a}.reverse{flex-direction:row-reverse}.project-left{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:.8rem 0;width:60%}.project-left>img,.project-left>video{border-radius:15px;box-shadow:0 0 4px 0 #4e4e4e;width:95%}.project-right{align-items:center;display:flex;flex-direction:column;padding:.5rem 1rem;width:40%}.project-right-1{text-align:center}.project-right-1>p,.project-right-2{margin-top:1.2rem}.project-right-2{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.project-right-2>p{border-radius:19px;box-shadow:0 0 4px 0 #8f8f8f;font-size:11px;margin-left:1rem;padding:.4rem .9rem}.project-right-3{padding-bottom:.3rem;padding-top:3rem;text-align:center}.project-right-3>a{background-color:initial;border:1px solid #000;border-radius:8px;color:#000;cursor:pointer;margin:1.5rem .5rem;padding:.5rem .8rem;text-decoration:none;transition:.2s ease-in-out}.project-right-3>a:hover{background-color:#666;color:#f7fffe}.live-btn{cursor:not-allowed!important}@media screen and (max-width:1000px){.project-main{flex-direction:column}.project-left{padding:2rem 0;width:90%}.project-right{padding:2rem 1rem;width:80%}.project-right-2>p{margin:.8rem .5rem}}.contact-main{display:flex;flex-direction:column;padding:4rem}.contact-bottom{align-items:center;display:flex;justify-content:center;margin:0 2rem;padding:2rem 0;width:100%}.contact-main-top{margin:0 2rem}.contact-main-top>h3{color:#5e1818;font-size:20px;text-decoration:underline}.contact-bottom-left{align-items:flex-start;display:flex;flex-direction:column;padding:1rem 0;width:40%}.contact-bottom-right{align-items:center;display:flex;justify-content:center;width:60%}@media screen and (max-width:950px){.contact-main{padding:4rem 2rem}.contact-bottom{flex-direction:column}.contact-bottom-left{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:3rem 0;width:100%}.contact-bottom-right{margin-right:1rem;width:100%}}.contact-way-main{padding:1rem}.contact-way-left,.contact-way-main{align-items:center;display:flex;justify-content:center}.contact-way-left{font-size:25px;padding-right:.7rem}.contact-way-right{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact-way-right-2>h3{-webkit-font-feature-settings:"pcap";font-feature-settings:"pcap";font-family:monospace;font-size:25px;font-variant:petite-caps;font-weight:800}.contact-way-right-2>a{color:#646464;font-size:12px;text-decoration:none}.contact-way-right-2>a:hover{color:#6562ff!important}.contact-form{align-items:center;border-left:1px solid #000;display:flex;flex-direction:column;justify-content:center;width:100%}.contact-form>h2{-webkit-font-feature-settings:"pcap";font-feature-settings:"pcap";font-family:monospace;font-size:35px;font-variant:petite-caps;font-weight:800}.contact-form>input,.contact-form>textarea{margin-top:1.2rem;padding:.5rem .4rem;width:80%}.contact-form>textarea{max-width:80%;min-height:10rem}.contact-form-btn{width:80%}.contact-form-btn>button{border:1px solid #000;cursor:pointer;margin-top:1.2rem;padding:.3rem 1rem}.contact-form-btn>button:hover{background:#253c5e;color:#fff}@media screen and (max-width:950px){.contact-form{border-left:none;border-top:1px solid #000;padding:3rem 0}}.skills-main{display:flex;flex-direction:column;padding:4rem}.skills-bottom{align-items:center;display:flex;justify-content:center;margin:0 2rem;padding:2rem 0;width:100%}.skills-main-top{margin:0 2rem}.skills-main-top>h3{color:#5e1818;font-size:20px;text-decoration:underline}.skills-bottom-left{justify-content:center;padding-right:2rem}.skills-bottom-left,.skills-bottom-right{align-items:flex-start;display:flex;flex-direction:column;width:50%}.skills-bottom-right{padding:1rem 0 1rem 2rem}.skills-bottom-right-1{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.skills-bottom-right-1>h2{-webkit-font-feature-settings:"pcap";font-feature-settings:"pcap";font-family:monospace;font-size:35px;font-variant:petite-caps;font-weight:800}.skills-bottom-right-2{align-items:flex-start;border-left:1px solid #000;display:flex;flex-direction:column;padding:1rem 0;width:100%}@media screen and (max-width:950px){.skills-main{padding:4rem 2rem}.skills-bottom{flex-direction:column;margin:0;padding-left:0}.skills-bottom-right{align-items:center;padding-top:3rem;width:100%}.skills-bottom-right-2{align-items:center;border-left:none;border-top:1px solid #000;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:3rem 0;width:100%}.skills-bottom-left{flex-direction:column;padding-right:0;width:90%}}.skill-main{flex-direction:column;padding-bottom:1rem}.skill-main,.skill-top{display:flex;width:100%}.skill-top{justify-content:space-between}.skill-top>h3{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-family:system-ui;font-size:25px;font-variant:small-caps;font-weight:400}.skill-top>span{align-items:flex-end;display:flex;font-family:system-ui;font-size:17px;font-weight:500;padding-bottom:2px}.skill-bottom{background-color:#72727298;border-radius:8px;height:.6rem;width:100%}.skill-bottom-1{background-color:#961f1f;border-radius:8px;height:100%}.Java-bar{width:60%}.Javascript-bar{width:90%}.Typecript-bar{width:50%}.Reactjs-bar{width:80%}.Nestjs-bar{width:60%}.Alogorithm-bar{width:70%}.System-bar{width:60%}@media screen and (max-width:600px){.skill-main{flex-wrap:wrap;width:100%}}.coding-profile-main{padding:1rem}.coding-profile-left,.coding-profile-main{align-items:center;display:flex;justify-content:center}.coding-profile-left{font-size:25px;padding-right:.7rem}.coding-profile-left>img{height:2rem;width:2rem}.coding-profile-right{align-items:center;display:flex;flex-direction:column;justify-content:center}.coding-profile-right-2-1>h3{-webkit-font-feature-settings:"pcap";font-feature-settings:"pcap";font-family:monospace;font-size:25px;font-variant:petite-caps;font-weight:800;padding-right:.2rem}.coding-profile-right-2>a{color:#646464;font-size:12px;text-decoration:none}.coding-profile-right-2>a:hover{color:#6562ff!important}.coding-profile-right-2-1{align-items:center;display:flex;justify-content:center}.coding-profile-right-2-1>h4{font-family:monospace;font-size:15px;font-weight:500;padding-left:.2rem}.footer-main{background:#ffffffcb;border-top:1px solid hsla(0,0%,74%,.253);padding:4rem 6rem 3rem}.footer-top{align-items:center;display:flex;justify-content:space-between}.footer-top-1{font-size:13px}.footer-top-2>a{color:#000;padding-right:.6rem}.footer-top-2>a:hover{color:#28505f!important}@media screen and (max-width:700px){.footer-main{padding:4rem 2rem}.footer-top{flex-direction:column}.footer-top-1{text-align:center}.footer-top-2{padding-top:1.5rem}}.nav-dark{background-color:#000!important;color:#e0feff!important}.navbar-main{border-bottom:1px solid hsla(0,0%,39%,.288);color:#000!important;flex-direction:row;font-family:M PLUS\ 1p,sans-serif;height:3.4rem;justify-content:space-between;padding:.6rem 4rem;z-index:99999999}.navbar-main,.navbar-top{align-items:center;display:flex}.navbar-top{padding:.5rem 2rem}.navbar-top>h2{cursor:pointer;font-family:system-ui;font-size:20px;font-weight:500;letter-spacing:2px}.navbar-bottom{display:flex;padding-right:2rem}.navbar-menu{align-items:center;display:flex;flex-direction:row;list-style:none}.navbar-menu>li>a{color:#000;font-family:system-ui;font-size:14px;font-weight:500;letter-spacing:2px;padding-right:1.3rem;text-decoration:none}.navbar-dark>i{cursor:pointer;font-size:20px}.fa-solid.fa-moon{color:#f2fffb}.navbar-dark>i:hover{color:#cabf5a!important}.navbar-logo{display:block}.navbar-menu>li>a:hover{color:#cabf5a!important}.navbar-burgir{display:none}@media screen and (max-width:700px){.navbar-main{color:#f2fffb;flex-direction:row;padding:0;z-index:99}.navbar-bottom{align-items:center;background-color:#1b1b1b;display:flex;justify-content:center;opacity:0;padding-right:0;position:absolute;top:-100%;transition:all .4s ease-in-out;width:100%}.navbar-bottom.active{opacity:1;top:0;z-index:1}.navbar-burgir{color:#000;cursor:pointer;display:block;padding:.4em 1.8rem;z-index:2}.navbar-burgir>i{font-size:22px}.navbar-burgir:hover{color:#cabf5a!important}.burgir-black{color:#f2fffb}.h2-active{color:#5fcfad!important}.navbar-top>h2{z-index:2}.navbar-menu{align-items:center;flex-direction:column;justify-content:center;padding:70px 0;text-align:center;width:100%}.navbar-menu>li{padding:.8rem 0;width:100%}.navbar-dark{padding:.4rem 1.8rem;position:absolute;right:80px;top:10px}.navbar-top{display:flex;justify-content:space-between}.navbar-menu>li>a{color:#d0f4ff;font-size:29px}.navbar-dark>i{color:#72ffd5;font-size:22px}}
/*# sourceMappingURL=main.ce28bffa.css.map*/