body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181d27;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.title{color:#f7c548;font-size:6rem;font-weight:700;margin:0}.title span{color:#c42021}main{justify-content:center}.board,main{display:flex}.board{background-color:#f7c548;border-radius:3rem;flex-wrap:wrap;justify-content:space-around;margin:5rem auto;padding:4rem;width:19rem}.square{align-items:center;background-color:#181d27;border-radius:1.5rem;color:#c42021;display:flex;font-size:4.5rem;font-weight:700;height:6rem;justify-content:center;margin:5px auto;width:6rem}.square:focus,.square:hover{box-shadow:0 .5em .5em -.4em #181d27;-webkit-transform:translateY(-.05em);transform:translateY(-.05em)}.resetBtn{background-color:#c42021;border:none;border-radius:1rem;color:#181d27;font-size:1.5rem;font-weight:700;padding:1rem 2rem}.resetBtn:hover{background-color:#e44f4f;box-shadow:0 .5em .5em -.4em #c42021;-webkit-transform:translateY(-.25em);transform:translateY(-.25em)}.scoreboard{background-color:#c42021;border-radius:3rem;color:#f7c548;font-size:1.5rem;margin-left:6rem;margin-top:3rem;padding:0 3rem 1rem;position:absolute}.scoreboard h2{margin-bottom:1rem;margin-top:2rem;padding:0 3%}.scoreboard h2 span{background-color:#181d27;border-radius:.4rem;margin:0 1rem;padding:.5rem 1rem}.scoreTitle{margin-top:.5rem}.resetSb{background-color:#f7c548;border:none;border-radius:.5rem;color:#181d27;font-size:.7rem;font-weight:700;margin-left:7rem;padding:.5rem 1rem}.resetSb:hover{background-color:#f8d272;box-shadow:0 .5em .5em -.4em #f7c548;-webkit-transform:translateY(-.25em);transform:translateY(-.25em)}.winnerAlert{align-items:center;background-color:#181d27c7;color:#f7c548;display:flex;flex-direction:column;height:80%;justify-content:center;position:absolute;width:100%;z-index:5}.winnerTitle{font-size:5rem;margin-bottom:9rem;text-transform:uppercase}.winnerTitle span{color:#c42021}@media only screen and (max-width:1200px){main{flex-direction:column}.scoreboard{border-radius:1.5rem;font-size:.7rem;margin:3rem 35%;padding:0 1rem .5rem}.winnerAlert{height:100vh}}@media only screen and (max-width:800px){.title{font-size:3rem}.board{margin-bottom:1rem;padding:2rem;width:12rem}.square{border-radius:.7rem;font-size:2.5rem;height:3.5rem;margin:3px auto;width:3.5rem}.resetBtn{border-radius:.6rem;font-size:.7rem;padding:.5rem 1rem}}@media only screen and (max-width:700px){.scoreboard{margin:3rem 20%}}
/*# sourceMappingURL=main.70011b1b.css.map*/