@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#dfe4ea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{height:100%}body,body>div,body>div>div{height:100%;margin:0;min-height:100%;padding:0}.all{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.grid-container{grid-gap:0 0;background:#273c75;cursor:pointer;display:grid;gap:0 0;grid-template-areas:"c1 c2 c3 c4 c5 c6 c7";grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr;height:720px;width:840px}.c1{grid-area:c1}.c2{grid-area:c2}.c3{grid-area:c3}.c4{grid-area:c4}.c5{grid-area:c5}.c6{grid-area:c6}.c7{grid-area:c7}@media screen and (min-width:768px) and (max-width:1024px){.grid-container{height:600px;width:700px}}@media screen and (max-width:768px){.grid-container{height:270px;width:320px}}.column-container{grid-gap:0 0;display:grid;gap:0 0;grid-template-areas:"r1" "r2" "r3" "r4" "r5" "r6";grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;height:100%}.center{align-items:center;display:flex;justify-content:center}.r1{grid-area:r1}.r2{grid-area:r2}.r3{grid-area:r3}.r4{grid-area:r4}.r5{grid-area:r5}.r6{grid-area:r6}.item{border-radius:100px;height:85px;width:85px}.column1:hover>div>.white,.column2:hover>div>.white,.column3:hover>div>.white,.column4:hover>div>.white,.column5:hover>div>.white,.column6:hover>div>.white,.column7:hover>div>.white{background:#a5b1c2}.white{background:#dfe4ea}.red{background:#e84118}.yellow{background:#fbc531}@media screen and (min-width:768px) and (max-width:1024px){.item{height:75px;width:75px}}@media screen and (max-width:768px){.item{height:35px;width:35px}}.win{background:#fbc531;justify-content:center;position:absolute;width:100vw;z-index:1}.win,.win-box{align-items:center;display:flex}.win-box{flex-direction:column}.win-text{color:#fff;font-size:92px;margin-bottom:12px}.win-button,.win-text{font-family:Cabin,sans-serif}.win-button{background:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:20px;height:40px;width:140px}.win-button:hover{background:#ddd}@media screen and (min-width:768px) and (max-width:1024px){.win-text{font-size:72px}.win-button{font-size:18px;height:38px;width:120px}}@media screen and (max-width:768px){.win-text{font-size:52px}.win-button{font-size:16px;height:34px;width:100px}}.menu{align-items:center;background:#2f3640;display:flex;justify-content:center;position:absolute;width:100vw;z-index:1}.top{top:0}.bottom{bottom:0}.menu-box{align-items:center;display:flex;flex-direction:column}.menu-text{color:#fff;font-size:92px;margin-bottom:12px}.menu-button,.menu-text{font-family:Cabin,sans-serif}.menu-button{background:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:20px;height:40px;margin:0 12px;width:140px}.menu-button:hover{background:#ddd}.menu-container{display:flex}@media screen and (min-width:768px) and (max-width:1024px){.menu-text{font-size:72px}.menu-button{font-size:18px;height:38px;width:120px}}@media screen and (max-width:768px){.menu-text{font-size:52px}.menu-button{font-size:16px;height:34px;width:100px}}
/*# sourceMappingURL=main.907b5e59.css.map*/