:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}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}:root{--background-main:#3f7c65}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:"Arial, sans-serif";line-height:1.6}.container{padding:20px;width:100%}.background-theme{background-color:#3f7c65;background-color:var(--background-main)}.navigation{align-items:center;display:flex;gap:25px;justify-content:space-between;padding-left:125px;padding-right:125px}.box-for-logo{justify-content:flex-start}.box-for-links{display:flex;gap:25px}.links-nav{font-family:Afacad Flux,sans-serif;font-style:normal;font-weight:400}.logo{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both;font-family:Zilla Slab,serif;font-size:1.2em;font-style:italic;font-weight:600}.link-to-main-logo{color:#333;text-decoration:none}.link-to-about-me,.link-to-main,.link-to-my-projects{color:#333;position:relative;text-decoration:none;transition:color .3s ease-in-out}.link-to-about-me:after,.link-to-main:after,.link-to-my-projects:after{background-color:#333;bottom:-2px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.link-to-about-me:hover,.link-to-main:hover,.link-to-my-projects:hover{color:#555}.link-to-about-me:hover:after,.link-to-main:hover:after,.link-to-my-projects:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.btn-contact-me{-webkit-animation:vibrate-1 .3s linear infinite both;animation:vibrate-1 .3s linear infinite both;background-color:transparent;border:1px solid #333;color:#333;cursor:pointer;font-family:Afacad Flux,sans-serif;font-size:1.1em;font-style:normal;font-weight:400;padding:10px 25px}.btn-contact-me:focus,.btn-contact-me:hover{-webkit-animation:none;animation:none;background-color:#333;color:#3f7c65;color:var(--background-main)}.div-greetings{align-items:center;background-color:#052b23;display:flex;height:65vh;justify-content:center}.box-of-greetings{align-items:center;display:flex;justify-content:space-between}.p-greetings{color:#e0e0ce;flex:1 1;font-family:Kanit,sans-serif;font-size:2em;font-style:normal;font-weight:400;text-align:center}.icon-container{align-items:flex-end;display:flex;flex-direction:column-reverse;gap:10px;padding-right:20px}.link-to-my-social{-webkit-animation:back-scale-up .4s;animation:back-scale-up .4s}.link-to-my-social:focus,.link-to-my-social:hover{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}.box-h2-my-skills{display:flex}.h2-my-skills{color:#e0e0ce;font-family:Kanit,sans-serif;font-size:2em;font-style:normal;font-weight:400;text-align:center}.div-about-me{align-items:flex-start;background-color:#052b23;display:flex;justify-content:space-around;padding:20px}.my-skills,.my-study{background-color:#081209;border-radius:25px;display:flex;flex-basis:45%;flex-direction:column;gap:16px;height:350px;justify-content:center;padding:20px}.my-study{background-color:#2d423b}.my-skills-txt{color:#2d423b;font-family:Afacad Flux,sans-serif;font-size:1.4em;font-style:normal;font-weight:400;margin-right:5px}.first-skill-txt,.last-skill-txt{align-items:center;display:flex;justify-content:flex-end}.second-skill-txt{align-items:center;display:flex;justify-content:flex-start}.my-study-txt{color:#081209;font-family:Afacad Flux,sans-serif;font-size:1.4em;font-style:normal;font-weight:400}.second-study-txt{align-items:center;display:flex;flex-direction:column;justify-content:center}.second-study-desc{display:flex;font-size:1.2em;text-align:center;width:500px}.link-to-my-education,.second-study-desc{color:#081209;font-family:Afacad Flux,sans-serif;font-style:normal;font-weight:400}.link-to-my-education{-webkit-animation:back-scale-up .4s;animation:back-scale-up .4s;text-decoration:none}.link-to-my-education:focus,.link-to-my-education:hover{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}.link-to-my-certificate{color:#081209;display:flex;font-family:Afacad Flux,sans-serif;font-size:1.2em;font-style:normal;font-weight:400;text-decoration:none}.div-of-my-ex{align-items:center;justify-content:center}.div-of-my-ex,.h3-my-ex{background-color:#052b23;display:flex;padding:20px}.h3-my-ex{align-items:flex-start;font-size:2em;justify-content:space-around;text-align:center}.h3-my-ex,.section-of-proj{color:#081209;font-family:Afacad Flux,sans-serif;font-style:normal;font-weight:400}.section-of-proj{background-color:#052b23;padding:20px}.box-of-btns-filter{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.btn-filter{background-color:#0f513d;border:none;border-radius:10px;cursor:pointer;font-family:Afacad Flux,sans-serif;font-size:1.2em;font-style:normal;font-weight:400;padding:10px 15px;text-align:center;transition:.3s}.btn-filter:focus,.btn-filter:hover{background-color:#a69b6c;transition:.3s}.container-of-cards{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.head-projects{color:#e0e0ce;font-family:Kanit,sans-serif;font-size:2em;font-style:normal;font-weight:400;margin-bottom:25px;text-align:center}.desc-card-of-my-proj{background-color:#125040;border-radius:0 0 25px 25px;color:#081209;padding:10px;transition:.4s}.card-of-my-proj:focus .desc-card-of-my-proj,.card-of-my-proj:hover .desc-card-of-my-proj{background-color:#c5c799;transition:.4s}.card-of-my-proj{background-color:#2d423b;border-radius:25px;box-shadow:0 4px 10px rgba(0,0,0,.1);max-width:300px;overflow:hidden;padding:20px;transition:.4s}.card-of-my-proj:focus,.card-of-my-proj:hover{background-color:#a69b6c;transition:.4s}.photo-in-card{border-radius:25px 25px 0 0;height:200px;object-fit:cover;width:100%}.link-to-project-rep{text-decoration:none}.footer{background-color:#052b23;color:#081209;font-family:Afacad Flux,sans-serif;font-style:normal;font-weight:400}.box-of-footer{align-items:center;background-color:#3f7c65;background-color:var(--background-main);display:flex;justify-content:center;padding:20px}.txt-in-footer{color:#333;font-family:Afacad Flux,sans-serif;font-style:normal;font-weight:400}.overlay-modal{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-bg{background-color:#0f513d;border-radius:8px;padding:20px 10px;text-align:center;width:300px}.box-for-header-of-div{margin-bottom:20px}.header-of-modal{color:#e0e0ce;font-family:Afacad Flux,sans-serif;font-size:1.3em;font-style:normal;font-weight:400;margin-bottom:25px;text-align:center}.modal-input{background-color:#3f7c65;background-color:var(--background-main);border-radius:10px;margin-bottom:10px;padding:10px 20px}.modal-btn-send,.modal-input{border:none;color:#e0e0ce;width:100%}.modal-btn-send{background-color:#052b23;border-radius:10px;cursor:pointer;font-family:Afacad Flux,sans-serif;font-size:1.2em;font-style:normal;font-weight:400;padding:10px 50px;transition:.4s}.modal-btn-send:focus,.modal-btn-send:hover{background-color:#a69b6c;color:#052b23;transition:.4s}@media (max-width:768px){.box-for-links,.desktop-contact-btn{display:none!important}.navigation{align-items:center;flex-direction:row!important;justify-content:space-between;padding:15px 20px}.navigation>:first-child{order:1}.navigation .box-for-logo{order:2}}@media (max-width:375px){.logo{font-size:1em}.p-greetings{font-size:1.2em;padding:0 10px}.btn-contact-me{font-size:1em;padding:8px 20px}.h2-my-skills,.head-projects{font-size:1.5em}.my-skills-txt,.my-study-txt{font-size:1.2em}.navigation{padding-left:10px;padding-right:10px}.container{padding:10px}}@media (max-width:768px){.div-greetings{height:auto;min-height:50vh;padding:40px 0}.box-of-greetings{flex-direction:column;gap:30px}.p-greetings{font-size:1.5em;padding:0 20px}.icon-container{flex-direction:row;gap:20px;justify-content:center;padding-right:0}.div-about-me{flex-direction:column;gap:20px}.my-skills,.my-study{flex-basis:100%;height:auto;min-height:300px;width:100%}.second-study-desc{padding:0 10px;width:100%}.h3-my-ex{flex-direction:column;font-size:1.5em;gap:10px}.div-of-my-ex{flex-direction:column;gap:15px}.box-of-btns-filter{flex-wrap:wrap;gap:10px}.btn-filter{font-size:1em;padding:8px 12px}.container-of-cards{align-items:center;flex-direction:column;gap:20px}.card-of-my-proj{max-width:100%;width:100%}.modal-bg{max-width:300px;padding:20px 15px;width:90%}.first-skill-txt,.last-skill-txt,.second-skill-txt{justify-content:center}.my-skills-txt{font-size:1.2em}}@media (min-width:768px) and (max-width:1024px){.navigation{gap:20px;padding-left:50px;padding-right:50px}.box-for-links{gap:20px}.p-greetings{font-size:1.8em}.div-greetings{height:60vh}.div-about-me{flex-direction:row;flex-wrap:wrap;gap:20px}.my-skills,.my-study{flex-basis:48%;height:400px}.second-study-desc{width:100%}.h3-my-ex{font-size:1.8em}.container-of-cards{gap:20px;justify-content:space-around}.btn-filter{font-size:1.1em}}@media (min-width:1024px) and (max-width:1280px){.navigation{padding-left:80px;padding-right:80px}.p-greetings{font-size:2em}.my-skills,.my-study{flex-basis:45%}.container-of-cards{gap:25px;justify-content:space-between}.card-of-my-proj{max-width:100%}}@media (min-width:1280px) and (max-width:1440px){.navigation{padding-left:100px;padding-right:100px}.p-greetings{font-size:2.1em}.container-of-cards{margin:0 auto;max-width:1200px}}@media (min-width:1440px){.navigation{padding-left:125px;padding-right:125px}.p-greetings{font-size:2.2em}.container-of-cards{margin:0 auto;max-width:1400px}.div-about-me{margin:0 auto;max-width:100%}}@media (max-height:500px) and (orientation:landscape){.div-greetings{height:auto;min-height:70vh;padding:30px 0}.navigation{padding:10px 20px}.box-for-links,.navigation{flex-direction:row;gap:15px}.p-greetings{font-size:1.3em}.my-skills,.my-study{height:auto;min-height:250px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.div-greetings{height:auto;min-height:60vh}.my-skills,.my-study{height:auto;min-height:300px}}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes scale-up-center{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes back-scale-up{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes back-scale-up{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.burger-icon{cursor:pointer;display:none;flex-direction:column;gap:5px;padding:5px;z-index:1001}.burger-line{background-color:#333;border-radius:3px;height:3px;transition:all .3s ease;width:30px}.burger-icon.active .burger-line:first-child{-webkit-transform:rotate(45deg) translate(8px,8px);transform:rotate(45deg) translate(8px,8px)}.burger-icon.active .burger-line:nth-child(2){opacity:0}.burger-icon.active .burger-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(8px,-8px);transform:rotate(-45deg) translate(8px,-8px)}.mobile-menu-overlay{background-color:rgba(0,0,0,.5);display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu{background-color:#3f7c65;box-shadow:-5px 0 15px rgba(0,0,0,.3);display:none;height:100vh;max-width:350px;padding:80px 30px 30px;position:fixed;right:-100%;top:0;transition:right .4s ease;width:70%;z-index:1000}.mobile-menu.active{right:0}.mobile-menu-links{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.mobile-menu-links a{border-bottom:2px solid transparent;color:#333;font-family:Afacad Flux,sans-serif;font-size:1.5em;font-weight:400;padding:10px 0;text-decoration:none;transition:all .3s ease}.mobile-menu-links a:focus,.mobile-menu-links a:hover{border-bottom:2px solid #052b23;color:#052b23;padding-left:10px}.mobile-menu-btn{margin-top:auto}.btn-contact-me-mobile{background-color:transparent;border:2px solid #333;border-radius:5px;color:#333;cursor:pointer;font-family:Afacad Flux,sans-serif;font-size:1.2em;font-style:normal;font-weight:400;padding:15px 25px;transition:all .3s ease;width:100%}.btn-contact-me-mobile:focus,.btn-contact-me-mobile:hover{background-color:#333;color:#3f7c65}@media (max-width:768px){.burger-icon{display:flex}.mobile-menu{display:block}}@media (min-width:769px){.burger-icon,.mobile-menu,.mobile-menu-overlay{display:none!important}}@media (max-width:375px){.mobile-menu{padding:60px 20px 20px;width:80%}.mobile-menu-links a{font-size:1.3em}.btn-contact-me-mobile{font-size:1.1em;padding:12px 20px}}
/*# sourceMappingURL=main.66c5935a.css.map*/