@keyframes size-change{0%{scale:.75}50%{scale:.85;rotate:-145deg}to{scale:.7}}@keyframes size-change2{0%{scale:.6}50%{scale:.7;rotate:15deg}to{scale:.6}}@keyframes rotate-change{0%{rotate:45deg}25%{rotate:55deg}50%{rotate:45deg}75%{rotate:35deg}to{rotate:45deg}}@keyframes wave{0%{rotate:0}25%{rotate:12deg}75%{rotate:-13deg}to{rotate:0deg}}body,html{scroll-behavior:smooth}.onboarding-btn .material-icons-outlined{transition:rotate .1s}.onboarding-btn:hover .material-icons-outlined{animation:wave .5s;animation-iteration-count:2}.home-navbar{position:sticky;top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;backdrop-filter:blur(3.4px);-webkit-backdrop-filter:blur(3.4px);z-index:10;padding:16px 24px}.home-navbar>.title-div{display:flex;flex-direction:row;gap:0px;align-items:center;color:rgb(var(--primary-color))}.home-navbar a{all:unset;cursor:pointer;font-weight:700}.home-navbar a:hover{all:unset;font-weight:700;cursor:pointer}.main-content{text-align:start;margin:5%}h1{font-size:50px}h1 .shine{background:linear-gradient(207deg,rgba(255,245,139,1) 0%,rgba(226,133,23,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;transition:text-shadow .3s}.shine.extra{text-shadow:0px 0px 32px rgba(184,188,78,.75)}.sparkle{opacity:0}.sparkle:nth-of-type(1){scale:.5;position:absolute;top:-8px;left:-2px;rotate:45deg;animation:rotate-change 2s infinite}.sparkle:nth-of-type(2){scale:.75;position:absolute;top:-8px;right:4px;rotate:-135deg;animation:size-change 1.5s infinite}.sparkle:nth-of-type(3){scale:.6;position:absolute;bottom:-12px;right:80px;rotate:-0;animation:size-change2 3s infinite}.features{display:grid;grid-template-columns:1fr;gap:75px}.feature{display:flex;align-items:center;margin:auto;width:max(35%,250px);gap:36px}.feature-left{flex-direction:row;text-align:left}.feature-right{flex-direction:row-reverse;text-align:right}.feature>.section{aspect-ratio:1}.feature .material-icons,.feature .material-icons-outlined{font-size:75px}.feature p{color:var(--grey-color)}.section.onboarding{width:max(300px,60%);margin:auto}.onboarding-text{width:max(300px,40%);margin:auto;color:var(--grey-color)}@media only screen and (max-width:1100px){.feature{flex-direction:column;text-align:center;gap:16px}.onboarding-btn{margin-bottom:16px}.game-img{position:initial;margin-inline:auto;display:block;margin-top:100px;rotate:0deg;transform:rotate(8deg);height:400px}h1{font-size:36px}#statistics{display:block!important}.title-div .title{display:none}}.code{font-family:var(--main-font);font-size:200px;color:rgb(var(--primary-color));margin-block:0}.operation{margin-block-end:0;font-size:28px}.error-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);text-align:start;display:inline-block}.symbs>span{position:absolute;font-size:64px;color:rgb(var(--primary-color));-webkit-user-select:none;-moz-user-select:none;user-select:none}.symbs>span:nth-of-type(1){top:100px;left:200px;transform:rotate(25deg)}.symbs>span:nth-of-type(2){top:300px;right:250px;transform:rotate(-15deg)}.symbs>span:nth-of-type(3){bottom:150px;right:396px;transform:rotate(14deg)}.symbs>span:nth-of-type(4){top:500px;left:285px;transform:rotate(25deg)}.symbs>span:nth-of-type(5){bottom:100px;left:650px;transform:rotate(25deg)}.symbs>span:nth-of-type(6){top:35px;right:450px;transform:rotate(25deg)}@media only screen and (max-width: 800px){.code{font-size:100px}.operation{font-size:24px}.symbs>span:nth-of-type(1){top:10px;left:35px;transform:rotate(-17deg)}.symbs>span:nth-of-type(2){display:none}.symbs>span:nth-of-type(3){display:none}.symbs>span:nth-of-type(4){display:none}.symbs>span:nth-of-type(5){bottom:35px;left:20px;transform:rotate(25deg)}.symbs>span:nth-of-type(6){top:35px;right:20px;transform:rotate(25deg)}}