@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{font-family:Atkinson Hyperlegible,system-ui;background-color:#fcfcfc}.container{max-width:375px;margin-inline:auto;padding:24px}.container header{margin-bottom:80px}.container header h1{font-size:24px;line-height:29.76px;color:#152938}.container .numbers-container{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;justify-items:center;margin-inline:auto}.container .numbers-container .number{background-color:#304859;border-radius:50%;padding:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.container .numbers-container .number span{font-size:24px;font-weight:700;line-height:29.76px;color:#fcfcfc}.container .numbers-container .number:hover{background-color:#6395b8}.container .numbers-container .number.active{background-color:#fda214}.container .numbers-container .number.passive{background-color:#bcced9}.container .game-over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fcfcfc}.container footer{margin-top:80px;text-align:center;margin-inline:auto}.container footer h1{font-size:24px;line-height:29.76px;color:#152938;margin-bottom:24px}.container footer .footer-container{display:flex;justify-content:space-between;align-items:center}.container footer .footer-container .time,.container footer .footer-container .moves{border-radius:5px;display:flex;flex-direction:column;align-items:center;font-size:18px;font-weight:700;padding:10px 32px;background-color:#dfe7ec}.container footer .footer-container .time h3,.container footer .footer-container .moves h3{color:#7191a5;font-size:15px;line-height:18.6px}.container footer .footer-container .time span,.container footer .footer-container .moves span{color:#304859;font-size:24px;font-weight:700;line-height:29.76px}@media (min-width: 768px){.container{padding:40px;max-width:768px}.container header h1{font-size:40px;line-height:49.6px}.container .numbers-container{max-width:572px;gap:16px}.container .numbers-container .number{width:82px;height:82px}.container .numbers-container .number span{font-size:44px}.container footer{max-width:540px;margin-top:122px;margin-inline:auto}.container footer h1{font-size:40px;line-height:49.6px}.container footer .footer-container .time,.container footer .footer-container .moves{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 24px;width:255px}.container footer .footer-container .time h3,.container footer .footer-container .moves h3{font-size:18px;line-height:22.32px}.container footer .footer-container .time span,.container footer .footer-container .moves span{font-size:32px;line-height:39.68px}}@media (min-width: 1440px){.container{max-width:1440px;padding:68px 165px}}