@font-face{font-family:LogoFont;src:url(/assets/Comfortaa-Bold-CMi9F_rD.ttf) format("truetype")}@font-face{font-family:LogoFontLight;src:url(/assets/Comfortaa-Light-CZcj6s5j.ttf) format("truetype")}@font-face{font-family:Curvy;src:url(/assets/Signatra-C9231JOR.ttf) format("truetype")}@font-face{font-family:Shrikhand;src:url(/assets/Shrikhand-Regular-Gc-NXHg1.ttf) format("truetype")}@font-face{font-family:GlacialBold;src:url(/assets/GlacialIndifference-Bold-C98V12cn.otf) format("opentype")}@font-face{font-family:Upheav;src:url(/assets/upheavtt-B-9OJ9eJ.ttf) format("truetype")}nav{position:sticky;top:0;z-index:1000;background:linear-gradient(to right,#0034f0,#007bdf);border-bottom-left-radius:15px;border-bottom-right-radius:15px;height:4rem;width:100%;font-family:Trebuchet MS;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding-inline-start:clamp(1rem,5vw,10rem);padding-inline-end:clamp(1rem,5vw,10rem)}.navigator{display:flex;justify-content:space-between;gap:2rem}.navigator a{color:inherit;text-decoration:none;font-weight:700}.navigator a:hover{text-decoration:underline}.logo{font-family:Logofont;font-size:1.3rem;cursor:pointer}.logo span{font-family:LogofontLight;font-style:italic}footer{background-color:#1c262d;width:100%;padding-top:15rem;padding-bottom:15rem;text-align:center}.intro-card{display:flex;flex-direction:column;background:linear-gradient(to right,#007cf080,#009cdf80);height:17rem;border-radius:5px;padding:2rem}.intro-card h1{font-size:2.5rem;font-family:Verdana}.intro-card p{margin-top:.5rem}.intro-card .buttons{display:flex;gap:1.5rem;margin-top:auto}.info-card{display:flex;flex-direction:column;gap:1rem;background-color:#1c262d;border:1px solid #41596c;font-size:.8rem;min-width:10rem;flex:1 1 10rem;border-radius:5px;padding:1rem;transition:.2s ease}.info-card p{color:#9fafbb;font-size:1rem}.info-card .heading{display:flex;gap:1rem;align-items:center}.info-card .icon{width:1.5rem;height:auto;filter:brightness(0) invert(1);align-self:flex-start}.info-card:hover{border:1px solid #547896;scale:1.02}.perspective-container{perspective:800px;height:20rem;flex:1 1 20rem;display:flex}.color-card{height:100%;width:100%;border-radius:5px;background:linear-gradient(to right,#752282,#009cdf);position:relative;overflow:hidden;transition:transform .3s ease-out}.color-card img{width:25rem;height:25rem;position:absolute;top:-2rem;right:-2rem;transform:rotate(-15deg);opacity:.1}.color-card .card-text{position:absolute;bottom:2.5rem;left:2rem;line-height:1}.color-card .card-text p:nth-child(1){font-family:GlacialBold;font-size:2rem;margin-bottom:1rem}.color-card .card-text p:nth-child(2){font-family:Shrikhand;font-size:5rem}.color-card:hover{transform:rotateX(var(--x-rotation)) rotateY(var(--y-rotation))}.color-card2{flex:1 1 20rem;height:20rem;--borderWidth: 3px;background:#1c262d;border-radius:var(--borderWidth);position:relative}.color-card2 .games-container{width:100%;height:100%;overflow:hidden;position:relative;border-radius:calc(var(--borderWidth))}.color-card2 p{font-size:3rem;font-family:GlacialBold;position:absolute;bottom:7rem;right:5rem}.color-card2 h1{position:absolute;bottom:1rem;right:2rem;font-family:Upheav;font-size:7rem;line-height:1;letter-spacing:.4rem}.color-card2 img{width:20rem;height:20rem;position:absolute;top:-7rem;left:-2rem;transform:rotate(-25deg)}.color-card2:after{content:"";position:absolute;top:calc(-1 * var(--borderWidth));left:calc(-1 * var(--borderWidth));height:calc(100% + var(--borderWidth) * 2);width:calc(100% + var(--borderWidth) * 2);background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:calc(2 * var(--borderWidth));z-index:-1;animation:animatedgradient 10s ease alternate infinite;background-size:300% 300%}@keyframes animatedgradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.project-card{display:flex;flex-direction:column;gap:1rem;flex-grow:1;height:15rem;width:clamp(14rem,20vw,15rem);background-color:#1c262d;border:1px solid #41596c;border-radius:5px;padding:1rem;font-size:.8rem;transition:border .2s ease}.project-card p{color:#9fafbb;font-size:1rem}.project-card a{text-decoration:underline;color:#1690e7;font-size:1rem}.project-card .heading{display:flex;gap:1rem;align-items:center}.project-card .icon{width:1.5rem;height:auto;filter:brightness(0) invert(1);align-self:flex-start}.project-card:hover{border:1px solid #547896}.project-card .bullets{display:flex;flex-direction:column;margin-top:auto;gap:1.2rem}.project-card .bullets .point{display:flex;gap:.8rem;align-items:center}.project-card .bullets .point img{width:.7rem;height:.7rem;filter:brightness(0) saturate(100%) invert(51%) sepia(17%) saturate(427%) hue-rotate(166deg) brightness(91%) contrast(88%)}.button1{cursor:pointer;outline:0;color:#fff;background-color:#0d6efd;border-color:#0d6efd;display:inline-block;font-weight:400;line-height:1.5;text-align:center;border:1px solid transparent;padding:6px 12px;font-size:16px;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.button1:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.home-elements{display:flex;flex-direction:column;justify-content:center;width:clamp(31.25rem,90vw - 2rem,75rem);gap:5rem;margin-top:5rem;margin-bottom:5rem;align-self:center}.info-cards{display:flex;gap:1rem}.color-cards{display:flex;gap:3rem}.project-section{display:flex;flex-direction:column;gap:1rem}.project-section .title{font-size:1.25rem}.project-section .project-cards{display:flex;flex-wrap:wrap;gap:1.5rem;align-content:flex-start}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.about img{width:20rem;border-radius:2.5rem}.games{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.coming-soon{height:100vh;display:flex;flex-direction:column}.titles{color:#d9d5d5;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.titles .text{font-family:Verdana;font-size:clamp(2rem,5vw,8rem);white-space:nowrap}.titles .gradient-text{background:linear-gradient(to right,#d400ff,#0062ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-family:Verdana;font-size:clamp(1.6rem,3vw,6rem);margin:0}.foot{display:flex;justify-content:center;width:100%;background-color:#141b1f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;padding-top:1.2rem;padding-bottom:1.2rem}.foot p{cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:5rem;font-size:100%}body{background-color:#0f1519;color:#fff;font-family:sans-serif}a{text-decoration:none;color:inherit}.App{display:flex;flex-direction:column}.main-body{display:flex;flex-direction:column;position:relative;z-index:0;overflow:hidden}.triangle-svg{position:absolute;z-index:-1;display:block;width:100%;height:100%;fill:#141b1f}