@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)}body.single-page-mode{overflow:hidden}.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}.wrapper{display:flex;flex-direction:column;margin-right:600px;align-items:center}.scrollContainer{position:relative;height:60vh;overflow-y:hidden}.contactHeader{font-size:185px;font-family:"DM Serif Display",var(--font);animation:slide-in-left cubic-bezier(.23,.66,.19,.99) 1.5s forwards}.contactHeader strong{color:var(--pinkish)}.contactHeader:after{content:"contact.";display:flex;opacity:0;font-family:"DM Serif Display",var(--font);font-size:185px;font-weight:1000;transform:rotateX(180deg) translateY(50%);background:rgba(200,200,200,.15);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contactDescription{animation:slide-in-left cubic-bezier(.23,.66,.19,.99) 2s forwards;font-size:24px;font-family:var(--font);margin-top:-45%}.socialsContainer{display:flex;flex-direction:column;align-items:center;position:absolute;animation:infiniteScroll 15s linear infinite}.socialsContainerMirror{display:flex;flex-direction:column;align-items:center;position:absolute;animation:infiniteScrollGhost 15s linear infinite}.socialsContainerMirror2{display:flex;flex-direction:column;align-items:center;position:absolute;animation:infiniteScrollGhost2 15s linear infinite}.socialComponent{color:var(--white);margin-top:15px;width:400px;height:140px;background:rgba(200,200,200,.2);border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:.5s;animation:slide-in-top cubic-bezier(.23,.66,.19,.99) 1.5s forwards;opacity:1}.socialComponent:hover{transform:scale(1.03) translate(-10%)}.socialComponent:focus{text-decoration:none}.discord:hover{background:#5865F2;filter:drop-shadow(0px 0px 20px #5865F2)}.twitter:hover{background:#1DA1F2;filter:drop-shadow(0px 0px 20px #1DA1F2)}.email:hover{background:#ea4335;filter:drop-shadow(0px 0px 20px #ea4335)}.ig{position:relative;z-index:1}.ig:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:10px;z-index:-1;transition:opacity ease-in-out .5s;opacity:0;filter:drop-shadow(0px 0px 20px #e6683c)}.ig:hover:before{opacity:1}.github:hover{background:var(--blackish);filter:drop-shadow(0px 0px 20px var(--blackish))}.spotify:hover{background:#1ed760;filter:drop-shadow(0px 0px 20px #1ed760)}.socialsScroll{position:absolute;top:0;right:-65%;width:100%;height:100%;margin-bottom:-50%}.componentHeader{margin-left:auto;margin-right:40px;height:80px;display:flex;flex-direction:column;justify-content:space-evenly}.componentTitle{font-size:18px;font-family:"DM Serif Display",var(--font);text-align:right}.componentDescription{text-align:right;font-size:16px;font-family:"Consolas",var(--font);background-color:#c8c8c81a;padding:7px;border-radius:10px}.componentLogo{width:45px;margin-left:40px;justify-self:flex-end}.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-top{0%{filter:blur(20px);transform:translateY(-100%) scale(.85)}to{opacity:1;transform:translateY(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(-100%)}to{transform:translateY(0)}}@keyframes infiniteScrollGhost{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes infiniteScrollGhost2{0%{transform:translateY(100%)}to{transform:translateY(200%)}}@keyframes gradient-expand{0%{top:-200%;left:-200%;width:400%;height:400%}to{top:0;left:0;width:100%;height:100%}}@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)}}