@font-face{font-family:Inter;src:url(/src/assets/Inter/Inter-VariableFont_opsz,wght.ttf);src:url(/assets/Inter_18pt-Regular-BpskOkD5.ttf)}body{background-color:#0b2434;display:flex;flex-direction:column;height:100vh;justify-content:center;align-items:center;overflow-y:hidden;font-family:Inter}div#root{background-color:#f5f5f5;width:100%;height:100%;max-width:450px;max-height:450px;border-radius:10px}main{box-sizing:border-box;width:100%;height:100%;padding:20px}header{width:300px;margin:0 auto;text-align:center}header h1{font-size:1.625rem;font-weight:700}header p{width:230px;font-size:.8125rem;font-weight:400;margin:0 auto}main>section{display:grid;grid-template-columns:repeat(5,1fr);place-items:center;width:350px;margin:50px auto 30px}main>section .number{width:40px;height:40px;background-color:#fff;box-shadow:0 2px 2px #00000026;margin-bottom:20px;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:1.31rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}main>section .number:active{transform:scale(.87)}main>section .solved{background-color:#59e391!important}main>button{display:block;width:100px;height:36px;margin:0 auto;border:none;background-color:#5035ff;box-shadow:0 3.2px 7.68px #0000002e;border-radius:4px;font-size:1rem;font-weight:700;color:#fff}