:root{--cyan:#00dfff;--yell:#dee81d;--dark:#17171a;--gray:#48484d;--gray-lite:#6b6b70;--gray-dark:#262627;--grad-yell-cyan:linear-gradient(to right, var(--cyan), var(--yell));--border-radius-small:0.25rem;--border-radius-normal:1rem;--border-width-normal:0.2rem;--screen-small:578px;--screen-medium:824px;--screen-large:1424px;font-family:ChakraPetch;font-weight:400;font-style:normal;font-size:large}@font-face{font-family:ChakraPetch;font-weight:700;src:url(../fonts/ChakraPetch-bold.ttf)}@font-face{font-family:ChakraPetch;src:url(../fonts/ChakraPetch-regular.ttf)}@font-face{font-family:ChakraPetch;font-style:italic;src:url(../fonts/ChakraPetch-italic.ttf)}*{box-sizing:border-box}html{scroll-padding-top:7rem;scroll-behavior:smooth}body{margin:0;color:#fff;background-image:linear-gradient(to right bottom,rgb(46 46 46 / 95%),rgb(34 33 44 / 83%)),url(/images/texttexture.png);background-attachment:fixed,local;background-size:contain,10%}body:not(.typing-started){visibility:hidden}#bg{position:fixed;top:0;left:0;z-index:-1}main{overflow-x:hidden}.container{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}h1,h2,h3,h4,h5,h6,ul{margin:0}h1{font-size:2em}a,button{display:inline-block;cursor:pointer}a{color:#fff;text-decoration:none}button{border:none}#photo{width:min(100svw,15rem)}.text-center{text-align:center}.color-gray-dark{color:var(--gray-dark)}.color-gray-lite{color:var(--gray-lite)}.color-yell{color:var(--yell)}.color-cyan{color:var(--cyan)}.grid{display:grid;align-items:center;justify-items:stretch;grid-template-columns:1fr 1fr;gap:1rem}.inline-flex{display:inline-flex;justify-content:center;align-items:center;gap:.1rem}.flex,.link-bar{display:flex;justify-content:center;align-items:center;gap:1rem}.hidden-bar{display:none}.link-bar a{padding:.5rem}.h-full{height:100svh}.size-small{width:2rem}.size-medium{width:3rem}.size-large{width:30rem}.fixed{position:fixed;top:0;left:0;width:100%}.flex-col{flex-direction:column}.align-top{align-items:start!important}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-6{margin-top:6rem}.mt-12{margin-top:12rem}.p-1\/2{padding:.5rem}.p-1{padding:1rem}.p-2{padding:2rem}.width-extend{width:200svw}.scroll-limit{white-space:nowrap;overflow:hidden;display:flex;max-height:2.6rem}.scroll{display:flex;flex-wrap:wrap;gap:.1rem;min-width:100%;animation:scroll 20s linear infinite;justify-content:space-around}.reverse .scroll{animation-direction:reverse}@keyframes scroll{to{transform:translateX(-100%)}}.bg-yell{background-color:var(--yell)}.bg-cyan{background-color:var(--cyan)}.bg-gray{background-color:var(--gray-dark)}.bg-dark{background-color:var(--dark)}.bg-gradient{background-image:var(--grad-yell-cyan)}.bg-graffity::before{content:"";position:absolute;top:50%;left:50%;width:150svw;height:100%;transform:translate(-50%,-50%);background-image:linear-gradient(to right,var(--cyan),var(--yell));z-index:-1;filter:blur(5px)}.text-bg{background-clip:text;color:transparent!important}.border-sharp{border-radius:0 1rem 0 1rem}.border-sharp-r{border-radius:1rem 0 1rem 0}.relative{position:relative}.center{transform:translateX(-50%)}.rotate{transform-origin:center;transform:rotate(2deg);text-align:center}.btn-1{text-align:center;display:block}.btn-1:hover,.btn-a:hover,.link-bar a:hover{background-color:var(--gray)}.gap-0{gap:0}.-z-1{z-index:-1}.z-1{z-index:1}.z-2{z-index:2}.z-1000{z-index:1000}.order-1{order:1}.max-w{width:min(700px,100%);margin-left:auto;margin-right:auto}.shadow{box-shadow:2px 2px 25px #000}@media (max-width:600px){.bg-graffity::before{top:100%;transform:translate(-50%,-100%) rotate(-2deg)}.order-1{order:0}}@media (max-width:1000px){.nav-bar:not(.open) .link-bar{display:none}.nav-bar .hidden-bar{display:flex;justify-content:center;align-items:center}.flex,.link-bar{flex-direction:column}.link-bar{gap:1rem}.link-bar a{width:100%;padding:.5rem;text-align:center}.grid{grid-template-columns:1fr}}