body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#040408;background-image:radial-gradient(ellipse at 10% 25%,rgba(0,220,200,.18) 0,transparent 55%),radial-gradient(ellipse at 88% 8%,rgba(140,40,255,.22) 0,transparent 55%),radial-gradient(ellipse at 55% 92%,rgba(20,80,220,.14) 0,transparent 50%);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.4)}.glass-card,.skill-item{background:hsla(0,0%,100%,.04)}.skill-item{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;cursor:default;padding:12px 8px;transition:all .3s ease-in-out}.skill-item:hover{background:hsla(0,0%,100%,.08);border-color:rgba(133,196,103,.35);box-shadow:0 8px 20px rgba(0,0,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.wave{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:wave-animation;animation-name:wave-animation;display:inline-block;font-size:30px;padding-left:12px;text-align:center;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}.smooth-loading{opacity:0;transition:all .75s ease;-webkit-transition:all .75s ease;-moz-transition:all .75s ease;-ms-transition:all .75s ease;-o-transition:all .75s ease}@-webkit-keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
/*# sourceMappingURL=main.1caac07f.css.map*/