@import"https://fonts.googleapis.com/css2?family=DotGothic16&family=Press+Start+2P&family=VT323&display=swap";*{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.slides-container{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-y:auto;height:100vh;scroll-behavior:smooth;position:relative;--scroll-progress:0%}.slides-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#fbbf24,#8a2be2);transform-origin:left;z-index:1001;transform:scaleX(calc(var(--scroll-progress) / 100));transition:transform .1s ease-out}.keyboard-hint{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,.8);color:#fff;padding:10px 15px;border-radius:8px;font-size:.8rem;z-index:1002;opacity:0;transform:translateY(20px);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.keyboard-hint.show{opacity:1;transform:translateY(0)}.keyboard-hint .key{background:hsla(0,0%,100%,.2);padding:2px 6px;border-radius:4px;font-family:monospace;margin:0 2px}@keyframes progressBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.section-slide{scroll-snap-align:start;min-height:100vh;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1);transform-origin:center;overflow:hidden}.section-slide:first-child{animation:slideInFromBottom 1s ease-out}.section-slide:nth-child(2){animation:slideInFromRight 1s ease-out .2s both}.section-slide:nth-child(3){animation:slideInFromLeft 1s ease-out .4s both}.section-slide:nth-child(4){animation:slideInFromTop 1s ease-out .6s both}.section-slide:hover .interactive-element{transform:scale(1.02);transition:transform .3s ease}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}html{scroll-behavior:smooth}::-webkit-scrollbar-thumb{background-color:rgba(138,43,226,.75);border-radius:30px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background-color:#212121}::-webkit-scrollbar-thumb:hover{background-color:#8a2be2}::-moz-selection{background:#f32424;color:#fff}::selection{background:#f32424;color:#fff}a{color:inherit;text-decoration:none}#index{background:#c535d8;background:linear-gradient(1turn,#c535d8,#411c8e 80%,#c535d8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c535d8",endColorstr="#c535d8",GradientType=1);overflow:hidden}#index:before{content:"";background-image:url(/_next/static/media/pixelbg.ce87616b.gif);position:fixed;background-position:50%;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated;background-size:cover;top:0;width:100%;min-height:100vh;min-height:-webkit-fill-available;opacity:.2}#Hero{position:relative;padding:10%;min-height:95vh;display:grid;grid-template-columns:1fr 1fr}#About,#Contact,#Skills{position:relative;padding:5% 10%;overflow:hidden}#Contact{min-height:100vh}@media screen and (max-width:950px){#Skills{overflow:hidden;padding:5%}#Hero{padding-top:15%;grid-template-columns:1fr}#About,#Contact{padding:5%}#Contact{display:flex;flex-direction:column;justify-content:center;align-items:center}}