body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{position:relative;overflow-x:hidden;width:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:auto;scrollbar-color:#888 transparent}h1{cursor:default}h2,h3,p,span{margin:0;padding:0;cursor:default}a{margin:0;padding:0;color:#fff;text-decoration:none}.splash{position:relative;height:85vh;background-color:#ff99e2;background-image:radial-gradient(at 32% 81%,hsla(293,91%,65%,1) 0px,transparent 50%),radial-gradient(at 0% 72%,hsla(125,81%,68%,1) 0px,transparent 50%),radial-gradient(at 65% 53%,hsla(238,84%,70%,1) 0px,transparent 50%),radial-gradient(at 78% 12%,hsla(166,90%,77%,1) 0px,transparent 50%),radial-gradient(at 73% 44%,hsla(198,83%,65%,1) 0px,transparent 50%),radial-gradient(at 85% 40%,hsla(253,74%,73%,1) 0px,transparent 50%),radial-gradient(at 42% 30%,hsla(154,97%,65%,1) 0px,transparent 50%);background-size:150% 150%;animation:splash-gradient 10s linear infinite;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:1}.splash>*{z-index:1}.splash:after{content:"";display:block;position:absolute;width:100%;height:100vh;top:-10vh;transform:scaleX(1.5) scaleY(1.3);background:inherit;filter:blur(30px);will-change:filter;z-index:0}@keyframes splash-gradient{0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}25%{background-position:100% 0%,0% 100%,50% 50%,100% 100%,25% 75%,75% 25%,50% 100%}50%{background-position:0% 100%,100% 0%,100% 100%,50% 50%,75% 25%,25% 75%,100% 50%}75%{background-position:100% 100%,50% 50%,0% 100%,0% 0%,100% 75%,50% 100%,25% 25%}to{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.splash .center{max-width:600px;position:relative;top:7.5vh;margin:0 10vw;padding:20px 0;background:#00000059;box-shadow:0 0 30px #0000004d;border-radius:10px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-shadow:1px 1px 5px rgba(0,0,0,.5);transition:top .5s,background .5s}.splash .center:hover{background:#00000073}.splash .center h1{margin:0;padding:20px;font-size:60px;text-align:center}.splash .center .greeting{padding:20px 40px;font-size:20px;text-align:center}.splash .center .greeting .hello:hover .wave{animation:wave .5s;transform-origin:70% 70%;display:inline-block}@keyframes wave{0%{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(7deg)}to{transform:rotate(0)}}.splash .center .tryHoverDet{margin:20px;position:relative;top:0;transition:top .1s}.splash .center .tryHoverDet:hover{top:-2px}.splash .center .tryHoverDet:active{top:4px}.splash .center .tryHoverDet .tryOuter{border:double 1.5px transparent;background-image:linear-gradient(#0000,#0000);border-radius:32px;background-origin:border-box;background-clip:content-box,border-box;background-size:300% 100%;animation:scrolling-gradient 6s linear infinite}.splash .center .tryHoverDet:hover .tryOuter{background:repeating-linear-gradient(to right,#4af9ff,#ff31ff,#4af9ff);background-size:300% 100%}.splash .center .tryOuter .tryInner{padding:12px 15px;border-radius:32px;display:inline-flex;border-style:solid;border:0;background-color:#0a0a0a80;box-shadow:1px 1px 10px #000000b3;transition:box-shadow 1s}.splash .center .tryHoverDet:hover .tryOuter .tryInner{box-shadow:1px 1px 10px #000000b3,0 0 15px #ffffffe6;transition:text-shadow .3s}.splash .center .tryHoverDet:active .tryOuter .tryInner{box-shadow:1px 1px 10px #000000b3,0 0 15px #9efcffe6}.splash .center .tryOuter .tryInner p{cursor:pointer;font-size:17px;font-weight:500;padding:0;color:#dcdcdc;text-shadow:0px 0px 3px rgba(255,255,255,.3);background:#0000;background-size:300% 100%;animation:scrolling-gradient 6s linear infinite}.splash .center .tryHoverDet:hover .tryOuter .tryInner p{text-shadow:0px 0px 5px rgba(255,255,255,.7);background:repeating-linear-gradient(to right,#4af9ff,#ff31ff,#4af9ff);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splash .bottom{position:absolute;bottom:-15vh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .75s ease-out}.splash .bottom.hidden{opacity:0}.splash .bottom .text{position:relative;top:0;text-align:center;padding:5px 5px 18px;font-size:17px;font-weight:500;background:repeating-linear-gradient(to right,#fff,#969696 25%,#fff,#969696,#fff);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:2;transition:top .3s;animation:text-float 1.5s ease-in-out infinite alternate,scrolling-gradient 10s linear infinite}.splash .bottom .text:hover{top:-3px;-webkit-text-fill-color:#ffffff;animation-play-state:paused}.splash .bottom .textShadow{position:absolute;top:0;text-align:center;padding:5px 5px 18px;font-size:17px;font-weight:500;color:#0000;text-shadow:1px 2px 3px rgba(0,0,0,.4)}@keyframes text-float{0%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes scrolling-gradient{0%{background-position:0% 50%}to{background-position:-300% 50%}}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3.2vw;padding:32vh 0 0;margin:0 3.2vw 3.2vw;background:#fff}.musicContact{width:100%;max-width:1800px;min-height:300px;margin:0;display:flex;flex-direction:row;justify-content:center;align-content:stretch;align-items:stretch;gap:3.2vw}.innerPanel{min-height:100%;width:100%;max-width:1800px;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 0 30px #0006;background-size:150% 150%;filter:contrast(.8) saturate(.8);animation:info-gradient 4s linear infinite;animation-play-state:paused;transition:filter .4s,box-shadow .4s}.innerPanel:hover{filter:contrast(1) saturate(1);animation-play-state:running}.innerPanel h2{margin:25px 40px 17px;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,.5);transition:color .5s}.musicContact .innerPanelInner{position:relative;height:100%;top:-16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.musicContact .innerPanel h2{font-size:40px;font-family:Dosis,serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.musicContact .innerPanel h3{font-family:Dosis,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;text-shadow:2px 2px 5px rgba(0,0,0,.5);text-align:center;color:#fff;margin:0 40px}.cardsOuter{margin:0 32px;padding:0}.cards{width:100%;margin:0;padding:0 0 32px;overflow-x:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px}.icons ul{margin:0;padding:0}.icons ul li{display:inline-block;list-style:none;margin:0 10px}.icons ul li img{position:relative;top:0;width:40px;object-fit:contain;filter:brightness(1) drop-shadow(2px 2px 2px rgba(0,0,0,.3));transition:filter .3s,top .1s}.icons ul li img:hover{top:-1px;filter:brightness(.8) drop-shadow(2px 2px 2px rgba(0,0,0,.3))}.icons ul li img:active{top:1px}.innerPanel:hover .icons li{animation:icon-bounce .8s ease forwards}.innerPanel .icons li:nth-child(1){animation-delay:.1s}.innerPanel .icons li:nth-child(2){animation-delay:.2s}.innerPanel .icons li:nth-child(3){animation-delay:.3s}.innerPanel .icons li:nth-child(4){animation-delay:.4s}.innerPanel .icons li:nth-child(5){animation-delay:.5s}@media screen and (max-width: 750px){.innerPanel h2{margin:16px 22px}.musicContact .innerPanel h3{margin:0 22px}.cardsOuter{margin:0 16px}.cards{padding-bottom:16px}.musicContact{flex-direction:column}.musicContact .innerPanelInner{margin:25px 0}}@keyframes info-gradient{0%{background-position:0% 0%,0% 0%,0% 0%}33%{background-position:100% 100%,0% 100%,100% 0%}66%{background-position:0% 100%,100% 0%,0% 100%}to{background-position:0% 0%,0% 0%,0% 0%}}@keyframes icon-bounce{0%{transform:translateY(0)}30%{transform:translateY(5px)}60%{transform:translateY(-10px)}to{transform:translateY(0)}}.innerPanel.softwareInfo{background-color:#55a57d;background-image:radial-gradient(at 43% 83%,hsl(164,45%,39%) 0px,transparent 50%),radial-gradient(at 61% 45%,hsl(86,58%,68%) 0px,transparent 50%),radial-gradient(at 1% 40%,hsl(169,54%,66%) 0px,transparent 50%)}.innerPanel.softwareInfo h2{font-size:38px;font-family:Kode Mono,serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.innerPanel.softwareInfo h3{font-family:Oxanium,serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.innerPanel.softwareInfo p,.innerPanel.softwareInfo a{font-family:Oxanium,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.infoCard{height:100%;min-width:320px;max-width:320px;padding:16px;border-radius:10px;box-shadow:3px 3px 7px #0000004d;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff8c;scale:.96;transition:background 1s,scale .25s}.infoCard:hover{background:#ffffffd9;scale:.97}@media screen and (max-width: 600px){.infoCard{min-width:270px;max-width:27px;padding:8px}}.infoCard h3{margin:8px;text-align:center;font-size:24px}.infoCard img{width:95%;max-height:220px;margin:4px;filter:saturate(.7) drop-shadow(0 0px 4px rgba(0,0,0,.3));object-fit:contain;transition:filter .5s}.infoCard:hover img{filter:saturate(1) drop-shadow(0 0px 4px rgba(0,0,0,.3))}.infoCard p{margin:8px}.infoCard .buttons{margin:4px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.infoCard .buttons a{position:relative;top:0;padding:9px 14px;border-radius:32px;background:#fff6;box-shadow:1px 1px 5px #0000004d;text-align:center;font-weight:500;color:#000;transition:background .25s,top .5s}.infoCard:hover .buttons a{background:#ffffffe6}.infoCard .buttons a:hover{top:1px;background:#dcdcdc4d}.infoCard .tags .HTML{color:#e34c26}.infoCard .tags .TypeScript{color:#3178c4}.infoCard .tags .JavaScript{color:#e4ce27}.infoCard .tags .React\.js{color:#4ba9c3}.infoCard .tags .CSS{color:#1f62b0}.infoCard .tags .Discord\.js{color:#5966f3}.infoCard .tags .LevelDB{color:#629801}.infoCard .tags .C\#,.infoCard .tags .\.NET{color:#502bd4}.infoCard .tags .MongoDB{color:#1d8b38}.infoCard .tags .Express\.js{color:#323232}.infoCard .tags .Node\.js{color:#75ba27}.infoCard .tags .Godot-Engine,.infoCard .tags .GDScript{color:#3f7dac}.infoCard .tags .Unity{color:#323232}.infoCard .tags .Java{color:#ec2125}.infoCard .tags .C\+\+{color:#005a9e}.infoCard .tags .JUCE{color:#6fa22c}.infoCard .tags .AWS{color:#f3940e}.infoCard .tags .WinUI-3{color:#0076d6}.infoCard .tags .Swift,.infoCard .tags .SwiftUI{color:#f05038}.infoCard .tags .Next\.js{color:#323232}.infoCard .tags .Tailwind-CSS{color:#00a6f4}.infoCard .tags .Unreal-Engine{color:#323232}.infoCard .tags{margin:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.infoCard .tags p{position:relative;top:0;margin:0;padding:4px 6px;border-radius:6px;box-shadow:1px 1px 5px #0000004d;background:#ffffff80;font-size:12px;font-weight:500;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.1);transition:background .25s,top .25s}.infoCard:hover .tags p{background:#fff}.infoCard .tags p:hover{top:1px;background:#dcdcdc80}.innerPanel.gameDevInfo{background-color:#48809c;background-image:radial-gradient(at 22% 20%,hsl(234,62%,72%) 0px,transparent 50%),radial-gradient(at 54% 54%,hsl(223,89%,82%) 0px,transparent 50%),radial-gradient(at 30% 11%,hsl(170,68%,73%) 0px,transparent 50%)}.innerPanel.gameDevInfo h2{font-size:52px;font-family:"Jersey 10",serif;font-weight:400;font-style:normal}.innerPanel.gameDevInfo h3{font-size:33px;font-family:"Jersey 10",serif;font-weight:400;font-style:normal}.innerPanel.gameDevInfo p{font-family:Nunito,serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.innerPanel.gameDevInfo a{font-family:Nunito,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.innerPanel.musicInfo{background-color:#e36cd2;background-image:radial-gradient(at 9% 30%,hsl(262,69%,72%) 0px,transparent 50%),radial-gradient(at 81% 88%,hsl(332,47%,70%) 0px,transparent 50%),radial-gradient(at 90% 55%,hsl(284,64%,75%) 0px,transparent 50%)}.musicContact .musicInfo h3{font-size:25px}.innerPanel.contact{background-color:#e36cd2;background-image:radial-gradient(at 9% 30%,hsl(262,69%,72%) 0px,transparent 50%),radial-gradient(at 81% 88%,hsl(332,47%,70%) 0px,transparent 50%),radial-gradient(at 90% 55%,hsl(284,64%,75%) 0px,transparent 50%)}.musicContact .contact h3{font-size:30px}