:root{--text:#ffffff;--background:#f8f8f8;--pink-dark:rgb(247,116,247);--green-dark:rgb(115,240,125);--blue-dark:rgb(94,175,254);--text-dark:#a8a8a8;--background-dark:#1d1d1d;--pink-light:rgb(254,175,255);--purple-light:rgb(234,149,255);--green-light:rgb(136,255,175);--blue-light:rgb(96,215,255)}@font-face{font-family:'seed';src:url('/fonts/SeeDComputer.woff2') format('woff2'),url('/fonts/SeeDComputer.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Press Start';src:url('/fonts/PressStartReg.woff2') format('woff2'),url('/fonts/PressStartReg.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-display:swap;font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400;src:url('/fonts/ibm-plex-sans-thai-v10-latin_latin-ext_thai-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:700;src:url('/fonts/ibm-plex-sans-thai-v10-latin_latin-ext_thai-700.woff2') format('woff2')}*{box-sizing:border-box}html{font-size:1rem;font-family:'IBM Plex Sans Thai';font-weight:400}body{font-size:1.1rem;line-height:1.618;margin:auto;color:var(--text);background-color:var(--background);background-image:url('images/mythings.jpeg');background-repeat:no-repeat;background-attachment:fixed;background-position:center center;background-size:cover}header{position:fixed;top:0;right:0;line-height:0;font-size:0;padding:0;z-index:10}#open{display:none}#container{display:flex;flex-direction:row;align-content:center;justify-content:space-between;position:relative;padding:0;margin:0 auto;top:0;max-width:1200px}input{display:none}nav{display:flex;flex-direction:column;align-content:center;justify-content:center;height:100vh;width:27%;min-width:290px;position:sticky;top:0;left:0;bottom:0;right:0;font-family:seed;font-size:32px;&>ul{padding:.5em;list-style-type:none;line-height:32px;background:radial-gradient(-180px 0,circle,#0053ad 300px,#001b85 500px,#000223);background:-moz-radial-gradient(-180px 0,circle,#0053ad 300px,#001b85 500px,#000223);background:-webkit-radial-gradient(-180px 0,circle,#0053ad 300px,#001b85 500px,#000223);background:-o-radial-gradient(-180px 0,circle,#0053ad 300px,#001b85 500px,#000223);border-radius:20px;border:8px ridge #B6BABD;box-shadow:5px 5px 5px rgba(10,10,0,.2)}& a{text-decoration:none;text-shadow:2px 2px black;color:white;&:hover,&:focus{color:var(--purple-light)}}& li:hover::before,& li:focus::before{content:url("images/pointer.png");display:inline-block;vertical-align:middle;margin-right:10px;line-height:1px}}main{justify-self:flex-end;flex:0 0 auto;padding:0 1em;width:70%;background:radial-gradient(-180px 0,circle,#0053ad 300px,#001b85 500px,#000223);background:-moz-radial-gradient(-180px 0,circle,#0053ad 300px,#001b85 500px,#000223);background:-webkit-radial-gradient(-180px 0,circle,#0053ad 300px,#001b85 500px,#000223);background:-o-radial-gradient(-180px 0,circle,#0053ad 300px,#001b85 500px,#000223);background-size:1px 100vh;background-attachment:fixed;background-position:center;border-left:8px ridge #B6BABD;border-right:8px ridge #B6BABD;box-shadow:5px 5px 5px rgba(10,10,0,.2)}h1,h2,h3,h4,h5,h6{line-height:1.1;font-family:"Press Start";text-transform:uppercase;font-weight:700;clear:both}h1{font-size:32px}h2{font-size:24px;padding:1em 0}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}p{margin:1em 0}small,sub,sup{font-size:75%}hr{border-color:#1d7484}a{text-decoration:none;color:var(--green-dark);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:hover,a:focus,a:active{color:var(--blue-dark)}b,strong{color:var(--pink-dark);font-weight:700}ul{padding-left:1.4em;margin-top:0;margin-bottom:2.5rem}li{margin-bottom:.4em}blockquote{margin-left:0;margin-right:0;padding-left:1em;padding-top:.8em;padding-bottom:.8em;padding-right:.8em;border-left:5px solid #1d7484;margin-bottom:2.5rem;background-color:#f1f1f1}blockquote p{margin-bottom:0}img,video{height:auto;max-width:100%;margin:1em 0}@media (max-width:1100px){nav{margin-right:0}}@media (max-width:800px){header{display:block}#container{flex-direction:row-reverse}nav{position:fixed;left:unset;right:0;width:340px;transform:translate(350px);transition:all .5s ease}#menu-toggle:checked~nav{transition:all .3s;transform:translate(0);-ms-transform:translate(0);-webkit-transform:translate(0)}main{width:100%;border-left:none;border-right:none}#open{display:inline-block;text-align:center;z-index:1001;cursor:pointer}.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:white;stroke-width:4;stroke-linecap:round;transition:all .3s ease-in-out}#ham4 .top{stroke-dasharray:40 121}#ham4 .bottom{stroke-dasharray:40 121}.hamRotate.active{transform:rotate(45deg)}.hamRotate180.active{transform:rotate(180deg)}#ham4.active .top{stroke-dashoffset:-68px}#ham4.active .bottom{stroke-dashoffset:-68px}}@media (prefers-color-scheme:dark){body{background-image:url(images/mythingsdark.jpg)}}