*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Arial;font-size:1.5rem}.App{display:flex;width:100vw;min-height:100vh;max-width:100%}.gameRules{width:25vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;border-right:.3rem solid #f15930;background:#f3b98e}.logoTitle{font-family:Anton,sans-serif;font-weight:400;font-size:7.5rem;min-height:20vh;width:100%;text-align:center;line-height:1;padding:1rem 0;gap:.5rem}.title{text-shadow:.2rem 0 0 rgb(255,255,255),.2rem 0 0 rgb(255,255,255),0 .2rem 0 rgb(255,255,255),0 -.2rem 0 rgb(255,255,255),.1rem .1rem rgb(255,255,255),-.1rem -.1rem 0 rgb(255,255,255),-.1rem -.1rem 0 rgb(255,255,255),-.1rem .1rem 0 rgb(255,255,255)}.letterM{color:#f15930}.letterB{color:#2858a1}.subtitle{font-size:3rem;font-family:Roboto Condensed,sans-serif;font-weight:800;text-align:center}.ref{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;text-align:center;min-height:27vh;width:100%;padding:1rem 0}.children{width:5rem;height:5rem;margin-bottom:1rem}.ref p,.rules p{margin-bottom:1.5rem;font-size:1.5rem}.rules{min-height:53vh;display:flex;flex-direction:column;text-align:justify;width:100%;padding:1rem 1.5rem;gap:1rem}.rules p:last-child{margin-bottom:0}.players{margin-bottom:2rem!important}.separator{background:#2858a1;height:.3rem;width:70%}.titleAndBoard{position:relative;display:flex;flex-direction:column;align-items:center;width:75vw;min-height:100vh;max-width:100%;background:url(/assets/kidsroom-nfdUwhwp.jpg) no-repeat center / cover}.titleDiv,.boardAndButton{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.titleDiv{min-height:18vh}h1{font-size:6.5rem;font-family:Oleo Script,cursive;font-weight:700;color:#f15930;text-align:center;text-shadow:.2rem 0 0 rgb(255,255,255),-.2rem 0 0 rgb(255,255,255),0 .2rem 0 rgb(255,255,255),0 -.2rem 0 rgb(255,255,255),.1rem .1rem rgb(255,255,255),-.1rem -.1rem 0 rgb(255,255,255),-.1rem -.1rem 0 rgb(255,255,255),-.1rem .1rem 0 rgb(255,255,255)}.boardAndButton{min-height:82vh}.message{font-family:Oleo Script,cursive;font-weight:400;animation:2s message ease infinite;color:#fff;margin:2rem;text-align:center;font-size:3.5rem;margin:0rem auto 1rem;line-height:1;max-width:100%}@keyframes message{0%{color:#fff;transform:scale(0);opacity:0;text-shadow:.2rem 0 0 #f15930,-.2rem 0 0 #f15930,0 .2rem 0 #f15930,0 -.2rem 0 #f15930,.1rem .1rem #f15930,-.1rem -.1rem 0 #f15930,-.1rem -.1rem 0 #f15930,-.1rem .1rem 0 #f15930}25%{color:#f15930;transform:scale(1.5);opacity:1;text-shadow:.2rem 0 0 rgb(255,255,255),-.2rem 0 0 rgb(255,255,255),0 .2rem 0 rgb(255,255,255),0 -.2rem 0 rgb(255,255,255),.1rem .1rem rgb(255,255,255),-.1rem -.1rem 0 rgb(255,255,255),-.1rem -.1rem 0 rgb(255,255,255),-.1rem .1rem 0 rgb(255,255,255)}50%{color:#fff;transform:scale(1);opacity:1;text-shadow:.2rem 0 0 #f15930,-.2rem 0 0 #f15930,0 .2rem 0 #f15930,0 -.2rem 0 #f15930,.1rem .1rem #f15930,-.1rem -.1rem 0 #f15930,-.1rem -.1rem 0 #f15930,-.1rem .1rem 0 #f15930}to{transform:scale(1);opacity:1;text-shadow:2px 0 0 #f15930,-2px 0 0 #f15930,0 2px 0 #f15930,0 -2px 0 #f15930,1px 1px #f15930,-1px -1px 0 #f15930,1px -1px 0 #f15930,-1px 1px 0 #f15930}}table{border-spacing:0}.cell{height:7rem;width:7rem;background-color:#2858a1;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;opacity:.9}.white{height:6rem;width:6rem;background-color:#fff;border-radius:50%}.red{height:6rem;width:6rem;background-color:#f15930;border-radius:50%;transition:background-color .5s}.yellow{height:6rem;width:6rem;background-color:gold;border-radius:50%;transition:background-color .5s}.button{background-color:#f15930;color:#fff;height:4rem;width:10rem;font-size:2rem;border-radius:.5rem;margin:2rem 0 1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:background-color .5s,color .5s}.button:hover{background-color:orange;color:#000;transition:background-color .5s,color .5s}#toggle{position:absolute;top:15px;left:10px;cursor:pointer}#toggle-music{width:48px;height:48px}figcaption{font-size:16px;font-weight:bolder;color:#2858a1}@media only screen and (max-width: 992px){.App{flex-direction:column}.gameRules,.titleAndBoard{width:100vw}.gameRules{border-right:none}h1{font-size:5rem}.message{max-width:60%;font-size:2.5rem}.table{width:100%}.cell{height:4.5rem;width:4.5rem}.white,.red,.yellow{max-width:3.5rem;height:3.5rem}}@media only screen and (max-width: 400px){.cell{height:4.2rem;width:4.2rem}.white,.red,.yellow{width:3.2rem;height:3.2rem}}@media only screen and (max-width: 374px){.cell{height:3.5rem;width:3.5rem}.white,.red,.yellow{width:2.5rem;height:2.5rem}#toggle{top:10px}#toggle-music{width:32px;height:32px}}