@import"https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Acme&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";.App{height:100%;overflow-x:hidden}.skillChips{margin-bottom:1.5%!important;margin-right:1%!important;font-weight:700}.skillChips{margin-bottom:1.5%;margin-right:1%;display:flex;flex-grow:1}:root{--m: 1.3rem;--red: #FF6565;--pink: #FF64F9;--purple: #6B5FFF;--blue: #4D8AFF;--green: #5BFF89;--yellow: #FFEE55;--orange: #FF6D1B}body{background-color:#141516;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0}:root{--size-default: 22px;--size-sm: 16px;--color-green: #0092F5;--color-black: #000000}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --glowColor{syntax: "<color>"; initial-value: #0092F5;}@keyframes rotate{0%{--angle: 0deg;--glowColor: var(--color-green)}to{--angle: 360deg;--glowColor: var(--color-green)}}.btn{display:flex;align-items:center;justify-content:center;border-radius:100px;border:none;background:none;position:relative;padding:1px;text-decoration:none;transition:all .18s ease-in-out;transform:translateZ(0)}.btn:after,.btn:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:101.5px;background-size:100% 100%;background-position:0px 0px;background-image:conic-gradient(from var(--angle) at 50% 50%,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,var(--glowColor) 50%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 100%);animation:rotate 2s infinite linear}.btn:before{filter:blur(12px)}.btn .btnInner{position:relative;display:flex;flex-direction:column;width:100%;padding:var(--size-sm) var(--size-default);border-radius:100px;color:var(--color-green);font-weight:500;font-size:22px;z-index:1;transition:all .18s ease;background:rgba(0,0,0,.3);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);backface-visibility:hidden}.btn:hover .btnInner{background:rgba(0,146,245,.1);color:#4db5ff}.btn:active{transform:scale(.95)}@media (prefers-color-scheme: dark){html{--color-green: #ffffff}.btn{--glowColor: #33A9FF}.btn:hover .btnInner{background:rgba(51,169,255,.12);color:#fff}}html[data-mui-color-scheme=dark]{--color-green: #ffffff}html[data-mui-color-scheme=dark] .btn{--glowColor: #33A9FF}html[data-mui-color-scheme=dark] .btn:hover .btnInner{background:rgba(51,169,255,.12);color:#fff}@media (prefers-color-scheme: light){html{--color-green: #1E66F5}.btn{--glowColor: #3B82F6}.btn .btnInner{background:#ffffff;color:#0b1221;box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000a}.btn:hover .btnInner{background:rgba(30,102,245,.1);color:#1e66f5}}html[data-mui-color-scheme=light]{--color-green: #1E66F5}html[data-mui-color-scheme=light] .btn{--glowColor: #3B82F6}html[data-mui-color-scheme=light] .btn .btnInner{background:#ffffff;color:#0b1221;box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000a}html[data-mui-color-scheme=light] .btn:hover .btnInner{background:rgba(30,102,245,.1);color:#1e66f5}html[data-theme=light]{--color-green: #1E66F5}html[data-theme=light] .btn{--glowColor: #3B82F6}html[data-theme=light] .btn .btnInner{background:#ffffff;color:#0b1221;box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000a}html[data-theme=light] .btn:hover .btnInner{background:rgba(30,102,245,.1);color:#1e66f5}@media screen and (max-width: 1000px){:root{--m: 1.3rem}}@media screen and (max-width: 600px){.btn:before{filter:blur(6px)}.btn:after,.btn:before{border-radius:101px}.btn .btnInner{padding:12px 18px;font-size:18px}}.timeline-fill-enter{stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 2.2s ease forwards}@keyframes dash{to{stroke-dashoffset:0}}.dot-pulse{transform-origin:center;animation:pulse .55s ease-out forwards}@keyframes pulse{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.fade-in{opacity:0;transform:translateY(6px);animation:fade .6s ease forwards}@keyframes fade{to{opacity:1;transform:translateY(0)}}