@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Serif:wght@100;200;400&family=Inter:wght@400;500&family=Poppins:wght@400;500&display=swap";:root{--black: #060606;--blackish: #121212;--white: #eee;--greyish: #d7d7d7;--pinkish: #fd95d0;--dark-grey: rgba(18, 18, 18, .7);--font: "Inter", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}body::-webkit-scrollbar{width:.5rem;height:.4rem}body::-webkit-scrollbar-thumb{height:50px;background-color:var(--pinkish);border-radius:3px}body::-webkit-scrollbar-track{background-color:transparent}body::-webkit-scrollbar-track-piece{background-color:transparent}*{cursor:none!important}a{transition-duration:.2s;color:var(--pinkish);text-decoration:none;padding-left:2px;padding-right:2px;border-radius:4px}a:hover{background:rgba(200,200,200,.2) none repeat scroll 0% 0%}a:focus{background:rgba(200,200,200,.2) none repeat scroll 0% 0%;text-decoration:underline;outline:none}html,body{padding:0;margin:0;font-family:var(--font),sans-serif;overflow-x:hidden;overflow-y:auto;color:var(--white);background-color:var(--black)}.fade{opacity:0}#appMount{display:flex;align-items:center;justify-content:center;transition-duration:1s}body.single-page-mode #appMount{display:block;align-items:stretch;justify-content:flex-start}#cursor{transition-timing-function:cubic-bezier(.075,.82,.165,1);mix-blend-mode:difference;background-color:var(--white);width:20px;height:20px;position:fixed;border-radius:50%;pointer-events:none;z-index:9999}.title strong{color:var(--pinkish)}.skillContainer{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:800px}.skillLogo{width:50px;height:100%;opacity:0}.quote{font-family:"IBM Plex Serif",var(--font);margin-top:36px;animation:slide-in-left cubic-bezier(.23,.66,.19,.99) 1.7s forwards;text-align:justify;line-height:1.7;font-size:16px}#keylabs{color:var(--white)!important;margin-top:36px;animation:fade-in-bottom cubic-bezier(.23,.66,.19,.99) 2s forwards;text-align:center;line-height:1.7;font-size:16px}#handy{color:var(--white)!important;margin-top:4px;animation:fade-in-bottom cubic-bezier(.23,.66,.19,.99) 2s forwards;text-align:center;line-height:1.7;font-size:16px}.quoteAuthor{font-family:"IBM Plex Serif",var(--font);margin-top:12px;animation:slide-in-right cubic-bezier(.23,.66,.19,.99) 1.7s forwards;line-height:1.5;font-size:16px;text-align:right}.navContainer{display:flex;flex-direction:row;align-items:center;top:1.5%;left:.75%;position:fixed!important;padding:5px 6px 8px;user-select:none;z-index:999;background:rgba(200,200,200,.2);border-radius:5px;animation:fade-in-top cubic-bezier(.23,.66,.19,.77) .5s forwards}.navLogo,.socialsLogo{padding:3px;animation:fade-in-top cubic-bezier(.23,.66,.19,.77) .7s forwards}.socialsLogo{width:300px;overflow:visible;animation:wobble 4s ease-in-out infinite alternate;margin-bottom:80px;filter:drop-shadow(0px 0px 25px var(--pinkish))}.navLogo{width:20px}.hidden{display:none!important}@keyframes slide-in-right{0%{filter:blur(20px);transform:translate(100%) scale(.85)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{filter:blur(20px);transform:translate(-100%) scale(.85)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-top{0%{transform:translateY(-30px) scale(.85);filter:blur(20px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fade-in-left{0%{transform:translate(-30px) scale(.85);filter:blur(20px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes fade-in-bottom{0%{transform:translateY(30px) scale(.85);filter:blur(20px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fade-in-right{0%{transform:translate(30px) scale(.85);filter:blur(20px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes expand{0%{transform:rotate(50deg);height:0}to{transform:rotate(-50deg);height:500px}}@keyframes curtain{0%{transform:translate(100%)}50%{transform:translate(100%)}60%{transform:translate(0)}70%{transform:translate(0)}to{transform:translate(100%)}}@keyframes infiniteScroll{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes infiniteScrollGhost{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes bounce-y1{0%{transform:translate(0)}to{transform:translateY(-10%)}}@keyframes bounce-y2{0%{transform:translate(0)}to{transform:translateY(10%)}}@keyframes wobble{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes gradient-expand{0%{top:-200%;left:-200%;width:400%;height:400%}to{top:0;left:0;width:100%;height:100%}}