@import url(https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap);body,html{background-color:#f5f5f7;font-family:Archivo Narrow,sans-serif;font-size:20px;font-weight:100;margin:0;padding:0;width:100%}#root,body,html{height:100%}.app-wrapper{padding:0}.navbar{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff1a;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;left:0;padding:10px 10%;position:fixed;top:0;width:100%;z-index:2000}.logo{cursor:pointer;height:35px;transform:translateY(4px);transition:transform .1s}.logo:active{transform:scale(.9) translateY(4px)}.logo-mob{height:30px;padding:5px 0}.navbar-center{display:flex;flex:1 1;gap:2rem;justify-content:center}.navbar-left,.navbar-right{flex-shrink:0}.signup{color:#1b1f3b;cursor:pointer;font-size:27px;transform:translateY(3.5px);transition:color .3s}.signup:hover{color:#16b2b3}.tab{color:#1b1f3b;cursor:pointer;transition:color .3s}.tab:hover{color:#16b2b3}.bottom-nav{align-items:center;background-color:#121212e6;border-radius:12px;bottom:15px;box-shadow:0 9px 20px #0000004d;display:flex;justify-content:space-around;left:0;margin:0 auto;padding:7px 0;position:fixed;right:0;width:40%;z-index:2000}.tab-button{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:28px;padding:8px 12px;transform:translateY(3.5px);transition:color .3s}.tab-button:hover{color:#16b2b3}.hero{align-items:center;display:flex;height:600px;justify-content:center;overflow:hidden;position:relative;top:-10px;width:100%}.blur-circle{animation:pulse 2.5s ease-in-out infinite;background:#3fbfc180;border-radius:50%;filter:blur(60px);height:370px;position:absolute;width:370px}.circle-text{color:#272727;font-size:90px;font-weight:700;line-height:1.1;position:relative;text-align:center;width:600px;z-index:1}.style{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff7e5f,#df9a65,#ea95fb);-webkit-background-clip:text;display:inline-block}.desc{font-size:21px;font-weight:100;line-height:1.5;margin-top:40px}.row-center{gap:32px;margin:-110px 0 0}.logo-nav,.row-center{align-items:center;display:flex;justify-content:center}.logo-nav{padding:16px}.hero-mob{align-items:center;display:flex;height:700px;justify-content:center;overflow:hidden;position:relative;top:-12px;width:100%}.blur-circle-mob{animation:pulse 2.5s ease-in-out infinite;background:#3fbfc14d;border-radius:50%;filter:blur(60px);height:300px;position:absolute;top:16%;width:300px}.circle-text-mob{color:#272727;font-size:70px;font-weight:700;line-height:1.1;position:relative;text-align:center;top:-90px;width:85%;z-index:1}.style-mob{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff7e5f,#df9a65,#ea95fb);-webkit-background-clip:text;display:inline-block;width:100%}.row-center-mob{align-items:center;display:flex;gap:20px;justify-content:center;margin:-205px 7% 0}.custom-button{background-color:#272727;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;padding:10px 32px 12px;text-align:center;transition:background-color .3s,transform .1s;-webkit-user-select:none;user-select:none;z-index:1000}.custom-button:hover{background-color:#16b2b3}.custom-button:active{transform:scale(.9);transition:transform .1s}.custom-button-2{border:2px solid #272727;border-radius:8px;color:#272727;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;padding:8px 32px 10px;text-align:center;transition:border .3s,color .3s,transform .1s;-webkit-user-select:none;user-select:none;z-index:1000}.custom-button-2:hover{border:2px solid #16b2b3;color:#16b2b3}.custom-button-2:active{transform:scale(.9);transition:transform .1s}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.icon-btn{padding-right:15px;transform:translateY(5px)}.btn-text-up{color:#cacaca}.games-desc{padding:90px 0 20px}.games-desc,.games-desc-mobile{background-color:#fff;margin-bottom:30px;text-align:center}.games-desc-mobile{padding:1px 8% 20px}.grid-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);padding:30px 13% 100px}.grid-container-mobile{display:grid;grid-template-columns:repeat(1,1fr);padding:30px 7% 40px}.grid-item{background-color:#fff;border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.grid-item:hover{box-shadow:12px 12px 20px #0000001a;transform:translateY(-6px)}.background-box{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;color:#fff;display:flex;height:360px;justify-content:center;position:relative;width:100%}.games-bottom{background:linear-gradient(180deg,#0000,#000);border-radius:0 0 10px 10px;bottom:0;box-sizing:border-box;font-size:36px;font-weight:900;left:0;padding:100px 20px 20px;position:absolute;width:100%}.games-ganre{background-color:#16b2b3;border-radius:4px;font-size:14px;font-weight:100;margin-right:10px;padding:3px 8px 5px}.full-bg-box{display:flex}.full-bg-box,.full-bg-box-mob{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:100vh;position:relative;width:100%}.left-about{padding:12% 60px 30px 7%}.left-about,.left-about-mob{align-items:center;box-sizing:border-box;height:100vh;width:100%}.left-about-mob{padding:17% 30px 30px}.right-about{display:flex;height:100vh;justify-content:left;position:relative;width:90%}.pic-about{height:88vh}.pic-about,.pic-about-mob{bottom:0;position:absolute}.pic-about-mob{height:40vh;left:50%;transform:translateX(-50%)}.title-about{font-size:80px;line-height:1.08}.title-about,.title-about-mob{color:hsla(0,0%,9%,.952);font-weight:900}.title-about-mob{font-size:46px;line-height:1.14}.text-about{font-size:35px;margin-top:26px}.text-about,.text-about-mob{color:rgba(31,31,31,.952);font-weight:100;line-height:1.1}.text-about-mob{font-size:28px;margin-top:30px}.mail-about-icon{color:#16b2b3;font-size:30px;padding-right:12px;transform:translateY(6.1px)}.mail-about-icon-mob{color:#16b2b3;font-size:29px;padding-right:15px;transform:translateY(6.6px)}.mail-about{font-size:27px;margin-top:26px}.mail-about,.mail-about-mob{color:#1b1b1b;font-weight:500}.mail-about-mob{font-size:25px;margin-top:30px}.footer-wrapper{align-items:center;display:flex;gap:20px;height:200px;justify-content:center}.footer-icon{-webkit-tap-highlight-color:transparent;color:#282828;cursor:pointer;font-size:40px;transition:color .3s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.footer-icon:hover{color:#16b2b3}.footer-icon:active{transform:scale(.9);transition:transform .1s}.three-columns{align-items:center;display:flex;font-weight:700;height:500px;justify-content:center;padding:20px 0 100px;width:100%}.col-1{padding:100px 0 0 6%;width:50%}.col-1-mob{box-sizing:border-box;padding:50px 7% 0;position:relative;width:100%;z-index:1}.col-2{display:flex;justify-content:center;width:40%}.game-title{color:#1d1d1d;font-size:68px;font-weight:900}.game-title-mob{color:#333;font-size:48px;font-weight:900}.game-desc{color:#404040;font-size:20px;font-weight:100;margin-top:16px}.game-pic{height:400px;margin-top:90px}.game-pic,.game-pic-mob{animation:float 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.game-pic-mob{opacity:.8;position:absolute;right:6%;top:-50px;width:45%;z-index:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.game-platforms{display:flex;font-size:45px;gap:20px;margin-top:40px}.icon-platfrom{color:#171717;cursor:pointer;transition:color .3s}.icon-platfrom:hover{color:#16b2b3}.version{color:#363636;font-size:16px;padding-left:16px}.version-mob{color:#202020;font-size:17px;font-weight:500;padding-left:10px}.game-done-parent{width:250px}.game-done-parent,.game-done-parent-mob{background-color:#2f2f2f45;border-radius:40px;height:10px;margin-top:35px}.game-done-parent-mob{width:170px}.game-done-child{background-color:#16b2b3;border-radius:40px;height:10px;transition:width .5s ease-in-out}.game-status{display:flex;gap:30px}.game-per{animation:typing 1s steps(15) forwards;color:#363636;font-size:16px;font-weight:600;overflow:hidden;transform:translateY(28px);white-space:nowrap;width:0}@keyframes typing{0%{width:0}to{width:100px}}.game-grid-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);padding:30px 8% 70px}.game-grid-container-mob{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(1,1fr);padding:30px 7% 10px}.game-grid-item{background-color:#fff;border-radius:10px;box-shadow:5px 5px 10px #00000012;color:#242424;font-size:24px;font-weight:100;padding:20px 20px 70px;position:relative}.game-grid-who{bottom:20px;color:#646464;font-size:15px;font-weight:900;position:absolute}.devlog{color:#909090;display:flex;font-size:49px;justify-content:space-between;padding:5px 8% 10px}.game-circle{color:#909090;cursor:pointer;font-size:40px;transition:color .3s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.game-circle:hover{color:#16b2b3}.game-circle:active{transform:scale(.9);transition:transform .1s}.game-circle-mob{-webkit-tap-highlight-color:transparent;color:#909090;cursor:pointer;font-size:35px;transition:color .3s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.game-circle-mob:hover{color:#16b2b3}.game-circle-mob:active{transform:scale(.9);transition:transform .1s}.modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal{background:#fff;border-radius:12px;height:90vh}.modal,.modal-mobile{animation:modal-appear .2s ease-out;box-shadow:0 20px 25px #0000004d;padding:0;position:relative}.modal-mobile{background:#000;height:100%;width:100%}.close-btn{color:#f8f8f8;cursor:pointer;font-size:35px;position:absolute;right:-50px;top:0;transition:color .3s ease}.close-btn:hover{color:#bcf5f3}.iframe{border:none;border-radius:10px;height:100%;width:100%}.iframe-mobile{border:none;border-radius:0;height:100%;width:100%}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-height:1600px){.modal{height:35vh}}@media (min-height:1200px) and (max-height:1600px){.modal{height:50vh}}@media (min-height:800px) and (max-height:1200px){.modal{height:73vh}}
/*# sourceMappingURL=main.8641fe3e.css.map*/