@import "https://fonts.googleapis.com/css2?family=Spline+Sans+Mono:ital,wght@0,300..700;1,300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Chonburi&family=Spline+Sans:wght@300..700&display=swap";*{margin:0;padding:0;font-family:Spline Sans Mono,monospace}body{color:#1e2022;background-color:#fffdfa;font-size:16px}main{min-height:100vh;padding-top:84px}main p{line-height:1.5}h1,h2,h3{font-family:Chonburi,serif}section{margin:18px 0}article p{margin-top:12px}@media (width<=900px){.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffdfab3;width:100%;position:fixed;top:0;left:0;box-shadow:0 0 12px #1e20220d}.site-header a,.site-header button{color:#1e2022}.site-header a{text-decoration:none}.site-header button{background:0 0;border:none}.mobile-site-header{justify-content:space-between;align-items:center;height:84px;display:flex}.mobile-site-header .logo img{height:48px}.mobile-site-header .logo a{margin:0 18px;display:flex}.mobile-site-header button{background:#0000001a;justify-content:center;align-items:center;width:48px;height:48px;margin:18px;display:flex}.main-navigation{height:0;transition:height .5s;overflow:hidden}.nav-items{flex-direction:column;align-items:center;gap:24px;height:calc(100vh - 84px);display:flex;overflow-y:auto}.site-navigation{flex-grow:1;justify-content:center;display:flex}.site-navigation ul{flex-direction:column;justify-content:center;align-items:center;gap:32px;list-style:none;display:flex}.site-navigation ul li{width:100%}.site-navigation ul a{justify-content:center;padding:18px;font-weight:500;transition:font-weight .2s,color .2s;display:flex}.site-navigation ul a:hover{color:#265831;font-weight:600}.site-language{flex-direction:column;flex-grow:0;flex-shrink:0;align-items:center;gap:12px;padding:18px;display:flex}.site-language small{align-items:center;gap:6px;font-size:16px;display:flex}.site-language nav{gap:6px;display:flex}.site-language button{cursor:pointer;color:#265831;border:2px solid #265831;border-radius:18px;align-items:center;gap:2px;height:36px;padding:0 14px;font-size:18px;font-weight:500;transition:background-color .2s,color .2s;display:flex}.site-language button:disabled{cursor:not-allowed;color:#fffdfa;background-color:#265831}.site-language button svg{display:none}.main-navigation.open{height:calc(100vh - 84px);overflow-y:auto}}@media (width>=900px){.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffdfab3;width:100%;height:84px;position:fixed;top:0;left:0;box-shadow:0 0 12px #1e20220d}.header-items{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 18px;display:flex}.header-items a,.header-items button{color:#1e2022}.header-items a{text-decoration:none}.header-items button{background:0 0;border:none}.header-items button:disabled{display:none}.header-items .logo img{height:48px}.header-items .logo a{display:flex}.site-language{align-items:center;display:flex}.site-language small,.site-language button:disabled{display:none}.site-language nav{display:flex}.mobile-site-header button{display:none}.main-navigation,.main-navigation nav{height:100%;display:flex}.nav-items{align-items:center;gap:50px;display:flex}.nav-items ul,.nav-items li,.nav-items a{height:100%}.nav-items ul{align-items:center;gap:48px;list-style:none;display:flex}.nav-items a{text-transform:uppercase;align-items:center;height:100%;font-weight:500;transition:font-weight .2s,color .2s;display:flex}.nav-items a:hover{color:#265831;font-weight:600}.site-language nav:hover button{color:#fffdfa;background-color:#265831;border-radius:20px}.site-language button{cursor:pointer;color:#265831;background-color:#0000;border:2px solid #265831;border-radius:18px;align-items:center;gap:4px;height:36px;padding:0 14px;font-size:16px;font-weight:500;transition:background-color .1s,color .1s;display:flex}}.site-footer{background-color:#fffdfa;padding:24px}.footer-items{justify-content:center;align-items:center;max-width:1400px;margin:0 auto;display:flex}.footer-items .copyright{color:#1e2022;font-size:10px}.footer-items .copyright a{color:#1e2022;-webkit-text-decoration:underline #1e202233;text-decoration:underline #1e202233;transition:text-decoration-color .5s}.footer-items .copyright a:hover{text-decoration-color:#1e2022cc}.container{max-width:1400px;margin:0 auto;padding:0 18px}
