:root{--font-primary-negative:#fff;--font-primary:#000;--font-secondary:#212121;--font-active:#0d47a1;--font-interactive:#1e90ff;--background-tertiary-negative:#101010;--background-secondary-negative:#181818;--background-primary-negative:#212121;--background-zero:#fafafa;--background-primary:#f5f5f5;--background-secondary:#eee;--background-tertiary:#e0e0e0;--border-primary:#ccc;--border-secondary:#e0e0e0;--border-active:#b3b3b3;--border-hover:#b3b3b3;--shadow-primary:#212121;--shadow-secondary:#616161}.theme-dark{--font-primary-negative:#000;--font-primary:#fff;--font-secondary:#e0e0e0;--font-active:#1e90ff;--font-interactive:#90caf9;--background-tertiary-negative:#e0e0e0;--background-secondary-negative:#eee;--background-primary-negative:#f5f5f5;--background-zero:#2e2e2e;--background-primary:#212121;--background-secondary:#181818;--background-tertiary:#101010;--border-primary:#3b3b3b;--border-secondary:#2e2e2e;--border-active:#101010;--border-hover:#101010;--shadow-primary:#000;--shadow-secondary:#000}@media (min-width:768px){.max-mobile{display:none!important}}@media (min-width:992px){.max-tablet{display:none!important}}@media (max-width:767px){.min-tablet{display:none!important}}@media (max-width:991px){.min-desktop{display:none!important}}@font-face{font-family:Kanit;font-style:normal;font-weight:400;src:url(/build/fonts/Kanit-Regular.f3bae13d.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:italic;font-weight:400;src:url(/build/fonts/Kanit-Italic.af5b1c62.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:100;src:url(/build/fonts/Kanit-Thin.2e32ea46.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:italic;font-weight:100;src:url(/build/fonts/Kanit-ThinItalic.be401212.ttf) format("truetype")}@font-face{font-family:KanitLight;font-style:normal;font-weight:300;src:url(/build/fonts/Kanit-Light.7b6b9556.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:italic;font-weight:300;src:url(/build/fonts/Kanit-LightItalic.779790df.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:500;src:url(/build/fonts/Kanit-Medium.786fd6bb.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:italic;font-weight:500;src:url(/build/fonts/Kanit-MediumItalic.c4075ca5.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:600;src:url(/build/fonts/Kanit-SemiBold.cf86a473.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/build/fonts/Inter_18pt-Regular.86c330c6.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;font-weight:400;src:url(/build/fonts/Inter_18pt-Italic.9bb3be9c.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:100;src:url(/build/fonts/Inter_18pt-Thin.1c5b9a0e.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;font-weight:100;src:url(/build/fonts/Inter_18pt-ThinItalic.a0f6c903.ttf) format("truetype")}@font-face{font-family:InterLight;font-style:normal;font-weight:300;src:url(/build/fonts/Inter_18pt-Light.8583bd6f.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;font-weight:300;src:url(/build/fonts/Inter_18pt-LightItalic.6ae79f83.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/build/fonts/Inter_18pt-Medium.c51b145d.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;font-weight:500;src:url(/build/fonts/Inter_18pt-MediumItalic.0c8dd49a.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(/build/fonts/Inter_18pt-SemiBold.d52a01d1.ttf) format("truetype")}html{font-size:16px}*{outline:none;text-decoration:none;transition:background-color .25s ease-in-out,border-color .25s ease-in-out,opacity .25s,box-shadow .25s ease-in-out}body{background:var(--background-primary);color:var(--font-primary);display:flex;flex-direction:column;font-family:InterLight,sans-serif;font-size:1rem;font-weight:500;margin:0;min-height:100vh;overflow-x:hidden}@media (max-width:767px){body{overflow-y:auto}}.site-content{display:flex;flex-grow:1;height:100%;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}@media (max-width:767px){.site-content{flex-direction:column}}main{box-sizing:border-box;display:flex;flex:1;flex-direction:column;padding:0 15px 10px;width:100%}@media (max-width:767px){main{margin:0;padding:0}}aside{align-items:center;display:flex;flex-direction:column;max-width:300px;min-width:300px;padding:5px 5px 15px}@media (max-width:767px){aside{margin:0 15px;max-width:calc(100vw - 30px)}}a{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;transition:color .15s ease-in-out}a,a:visited{color:var(--font-interactive)}a:hover{color:var(--font-active)}h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}picture{overflow:hidden}picture img{height:100%;object-fit:cover;width:100%}form.form{border:1px solid transparent;border-radius:12px;box-shadow:0 0 2px 0 var(--shadow-secondary);display:flex;flex-direction:column;padding:8px 16px 16px}form.form.--fail{border-color:#b82828}.form-row{flex-direction:column;gap:0}.form-row,.form-row-line{display:flex}.form-row label{cursor:pointer}.form-row input{border:1px solid var(--border-primary);border-radius:6px;padding:6px 10px 4px 6px}.form-row input:hover{border-color:var(--border-hover)}.form-row input:focus{border-color:var(--border-active)}.submit-row{display:flex;margin-top:16px}.submit-row button[type=submit]{background-color:#3fa844;border:1px solid var(--border-primary);border-radius:6px;color:var(--font-primary);cursor:pointer;font-family:InterLight,sans-serif;font-size:1rem;padding:2px 6px;width:100%}.submit-row button[type=submit]:hover{background-color:#4fc752}.submit-row button[type=submit][disabled]{background-color:#9bdd9f;cursor:not-allowed}.form-error{color:#b82828;line-height:1rem;margin-top:2px;min-height:8px;padding-left:4px}.footer{flex-direction:column;width:100%}.footer,.static-footer{box-sizing:border-box;display:flex}.static-footer{background:var(--background-secondary);gap:16px;max-width:100%;overflow:scroll visible;padding:10px max(50vw - 600px,8px);scroll-behavior:smooth;scrollbar-width:none;overflow-scrolling:touch;scroll-snap-type:x mandatory;user-select:none;white-space:nowrap}.footer-main-link.active{color:var(--font-active)}.dynamic-footer{background:var(--background-tertiary);display:grid;grid-template-columns:repeat(auto-fill,300px);padding:0 max(50vw - 600px,8px) 15px;grid-gap:20px;justify-content:center}@media (max-width:767px){.dynamic-footer{padding:0 15px 15px}}.footer-group{display:flex;flex-direction:column}.footer-group-title{font-size:.9rem;text-align:center}.footer-items{display:flex;flex-direction:column;gap:4px}.footer-link{border-bottom:1px solid var(--border-primary);font-size:.75rem}.footer-link.active{color:var(--font-active)}.info-boxes{border:1px solid var(--border-primary);border-radius:12px;display:flex;flex:0;margin:0 auto}@media (max-width:767px){.info-boxes{overflow:scroll visible;overflow-scrolling:touch;max-width:100%;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.info-box{display:flex;flex-direction:column;gap:4px;padding:12px 16px;white-space:nowrap}.info-box:not(:last-child){border-right:2px dotted var(--border-primary)}.info-box span{color:var(--font-secondary);font-size:.7rem}.menu{backdrop-filter:blur(5px);background:var(--background-primary);box-shadow:0 0 2px 0 var(--shadow-primary);display:flex;gap:16px;padding:5px max(50vw - 600px,8px);position:sticky;top:0;transition:transform .25s ease-in-out;z-index:1000}@media (max-width:767px){.menu{padding:10px 15px}}.menu.--hide{transform:translateY(-100px)}.menu:has(input:checked){transform:translateY(0)}#menu-show{display:none}.menu-left-section{display:flex;gap:8px;margin-right:auto}.menu-site-logo,.menu-site-logo-wrapper{height:30px;width:30px}.menu-site-logo{display:none;margin-right:auto}.theme-dark .menu-site-logo.--dark,.theme-light .menu-site-logo.--light{display:block}.menu-cross{cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;margin:auto 0;width:20px}@media (max-width:767px){.menu-cross{display:flex}}.menu-cross-line{border:1px solid var(--font-primary);border-radius:1px;flex-grow:0;height:0;transition:transform .15s ease-in-out;width:100%}input:checked~.menu-cross>.menu-cross-line.first{transform:translateY(9px) scale(1.21) rotate(45deg)}input:checked~.menu-cross>.menu-cross-line.second{display:none}input:checked~.menu-cross>.menu-cross-line.third{transform:translateY(-8px) scale(1.21) rotate(-45deg)}.menu-right-section{display:flex;gap:12px}@media (max-width:767px){.menu-right-section{gap:16px}}.menu-mobile-actions{display:flex;gap:12px;margin:auto 0}@media (min-width:768px){.menu-mobile-actions{display:none}}.menu-links{display:flex;gap:12px}@media (max-width:767px){.menu-links{background:var(--background-primary);flex-direction:column;gap:0;height:calc(100vh - 50px);left:-100%;position:absolute;top:50px;transition:left .15s ease-in-out;width:100%;z-index:100}input:checked~.menu-links{left:0}}.menu-link{display:flex;font-size:.9rem;gap:4px}@media (max-width:767px){.menu-link{border-bottom:1px dotted var(--border-primary);font-size:1rem;padding:16px 8px}}.menu-link-icon.active,.menu-link.active{color:var(--font-active)}.menu-link svg,.menu-link-icon svg{height:18px;width:18px}@media (max-width:767px){.menu-link svg,.menu-link-icon svg{height:24px;width:24px}}.project-wrapper{background-color:var(--background-secondary);border-radius:24px;box-sizing:border-box;display:flex;gap:16px;padding:16px;position:relative;transition:background-color .25s ease-in-out;width:100%}@media (min-width:300px) and (max-width:767px){.project-wrapper{flex-direction:column}}.project-image{aspect-ratio:1200/630;border-radius:8px;display:flex;margin:auto 0;max-width:180px;overflow:hidden}.project-image img{height:100%;object-fit:contain;object-position:center;width:100%}@media (max-width:767px){.project-image{margin:initial;max-height:100%;max-width:100%;width:100%}}.project-info{display:flex;flex-direction:column;gap:8px;width:100%}.project-name{font-size:1.2rem;text-align:center}.project-desc{font-size:.8rem;text-align:justify}.project-link{color:var(--font-primary)!important;filter:drop-shadow(0 0 1px white);height:24px;position:absolute;right:16px;top:16px;width:24px}@media (max-width:767px){.project-link{color:#000!important;height:36px;right:20px;top:20px;width:36px}}.project-link:hover{color:var(--font-active)!important}.section{display:flex;padding:16px 32px}.section.--about-me{background-color:#1e1e1e}.theme-light .section.--about-me{background-color:#e8e7e8}.section.--projects{background-color:#3a3a32}.theme-light .section.--projects{background-color:#d1c9b7}.section.--contact{background-color:#38343d}.theme-light .section.--contact{background-color:#d5cedd}@media (max-width:767px){.section{flex-direction:column;padding:16px}}.section-left{min-width:50%}@media (max-width:767px){.section-left{width:100%}}.section-right{display:flex;flex-direction:column;min-width:50%}@media (max-width:767px){.section-right{width:100%}}.socials-wrapper{display:flex;gap:8px;height:40px;padding-bottom:32px}.socials-wrapper svg{height:40px}.socials-wrapper .github,.theme-button{color:var(--font-primary)}.theme-button{cursor:pointer;height:18px;margin:auto 0;width:18px}@media (max-width:767px){.theme-button{height:24px;width:24px}}.theme-button .light{display:block}.theme-button .dark,.theme-dark .theme-button .light{display:none}.theme-dark .theme-button .dark{display:block}.auth-page{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}.auth-box-wrapper{width:300px}@media (max-width:767px){.auth-box-wrapper{width:100%}}.home-sections,.projects-list{display:flex;flex-direction:column}.projects-list{gap:16px;width:100%}.article-paragraph{line-height:1.5rem;text-align:justify}