body{background-color:#1d1d1d;color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.App-container{display:grid;height:100vh;place-items:center;position:relative;width:100%}.App__gameboard{border-radius:50%;box-shadow:0 0 20px 4px #fafafa;display:grid;gap:12px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:550px;overflow:hidden;position:relative;width:550px}*{box-sizing:border-box;margin:0;padding:0}@media screen and (max-width:560px){.App__gameboard{gap:8px;height:360px;width:360px}}.ColorButton{cursor:pointer}.green{background-color:green}.green.flash{background-color:lime}.red{background-color:#9e0000}.red.flash{background-color:red}.blue{background-color:#0000a5}.blue.flash{background-color:blue}.yellow{background-color:#b3b302}.yellow.flash{background-color:#ff0}.StartButton{align-items:center;background-color:#1d1d1d;border-radius:50%;cursor:pointer;display:flex;height:150px;justify-content:center;position:absolute;right:calc(50% - 75px);top:calc(50% - 75px);width:150px}.StartButton h1{font-size:50px}@media screen and (max-width:560px){.StartButton{height:98px;right:calc(50% - 49px);top:calc(50% - 49px);width:98px}.StartButton h1{font-size:30px}}.ScoreMarker{align-items:center;background-color:#1d1d1d;border-radius:50%;display:flex;height:150px;justify-content:center;position:absolute;right:calc(50% - 75px);top:calc(50% - 75px);width:150px}.ScoreMarker h1{font-size:65px}@media screen and (max-width:560px){.ScoreMarker{height:98px;right:calc(50% - 49px);top:calc(50% - 49px);width:98px}.ScoreMarker h1{font-size:45px}}.FinalScoreModal{background:rgba(0,0,0,.5);bottom:0;display:grid;left:0;place-items:center;position:absolute;right:0;top:0}.FinalScoreModal__container{align-items:center;background-image:linear-gradient(to right top,#00fbe7 20%,#0fb,#00ff7c 80%);border-radius:20px;box-shadow:inset 0 0 15px #fafafa,0 0 10px #fafafa;display:flex;flex-direction:column;height:200px;justify-content:space-between;padding:35px;width:400px}.FinalScoreModal h2{color:#1d1d1d;font-weight:700}.FinalScoreModal button{background:#1d1d1d;border:none;border-radius:10px;box-shadow:0 0 10px #fafafa;color:#fafafa;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;height:40px;width:80px}@media screen and (max-width:560px){.FinalScoreModal__container{height:120px;padding:10px;width:300px}.FinalScoreModal h2{font-size:20px}.FinalScoreModal button{font-size:16px;height:30px;width:60px}}.MaxScore{align-items:center;border:1px solid #fafafa;border-radius:20px;box-shadow:0 0 4px #fafafa;color:#fafafa;display:flex;flex-direction:column;height:60px;justify-content:center;left:10px;position:absolute;top:10px;width:200px}@media screen and (min-width:560px){.MaxScore{left:calc(50% - 300px)}}