body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--primary-bg-color:#584f84;--secondary-bg-color:#876a96;--tertiary-bg-color:#d7c1e0;--quartenary-bg-color:#edeff2;--cinq-bg-color:#e6ae73}*{margin:0;padding:0;box-sizing:border-box!important}li{list-style-type:none}body,html{height:100%}body{font-family:"Cutive Mono",monospace;color:#edeff2;color:var(--quartenary-bg-color);background-color:#edeff2;background-color:var(--quartenary-bg-color);background-color:#b5b8e8;font-size:1.5rem}.body-container{display:flex;flex-direction:column;height:100vh;margin:auto}.main-container{width:80%;margin:0 auto;flex:1 0 auto;border-radius:20px;background-color:#584f84;background-color:var(--primary-bg-color);padding:1% 5% 2%;text-align:center;transform:scale(.88)}.board-layout{display:flex;justify-content:space-around;margin-top:3rem}.tagline{font-size:1.2rem;margin-top:.5rem}button{display:block;cursor:pointer;width:12rem;padding:.5rem 1.5rem;color:#876a96;color:var(--secondary-bg-color);color:#584f84;color:var(--primary-bg-color);font-family:"Cutive Mono",monospace;text-align:center;margin:1rem auto 0;border:none;border-radius:5px;outline:none;font-size:1.1rem;transition:all .2s ease-in}button:hover{background-color:#e6ae73;background-color:var(--cinq-bg-color);transform:scale(1.05)}@media only screen and (max-width:870px){.main-container{width:90%;margin:10% auto 1.5%;padding:10% 5% 7.5%}}@media only screen and (max-width:720px){.main-container{width:94%;margin:1% auto 1.5%;flex:1 0 auto;border-radius:20px;background-color:#584f84;background-color:var(--primary-bg-color);padding:3% 5% 7.5%;text-align:center;transform:scale(.96)}.tagline{font-size:1.1rem;margin-top:.9rem;font-style:italic}.board-layout{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-top:3rem}button{margin:1.3rem auto 0;font-size:1.1rem}}.player-select-form{margin-top:3%}.form-flex-container{display:flex;justify-content:space-around}.form-label{font-size:1.1rem}.player-input{width:20%;padding:.5rem 1rem;border:none;border-radius:5px;outline:none}.alert-paragraph{background-color:bisque;border-radius:5px;color:#e84435;width:60%;padding:1%;margin:1rem auto;font-size:1rem;font-weight:700}@media only screen and (max-width:720px){.player-select-form{margin:7.5% 0 10%}.form-flex-container{display:flex;justify-content:space-between}.form-label{font-size:1.1rem}.player-input{width:30%;padding:.5rem 1rem;border:none;border-radius:5px;outline:none}.alert-paragraph{width:85%}}.grid-container{display:grid;grid-template-columns:repeat(3,90px);grid-template-rows:repeat(3,90px)}.item{border:2px solid var(--secondary-bg-color);display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:5rem}.item:first-child,.item:nth-child(2),.item:nth-child(3){border-top:none}.item:nth-child(7),.item:nth-child(8),.item:nth-child(9){border-bottom:none}.item:nth-child(3n+1){border-left:none}.item:nth-child(3n+3){border-right:none}.conclusion-board{background-color:var(--cinq-bg-color);position:absolute;width:60%;top:50%;left:50%;border-radius:5px;padding:2% 0;transform:translate(-200%,-150%) scale(0);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.conclusion-board.animate{transform:translate(-50%,-50%) scale(1.2)}.conclusion-board p{padding:7.5% 0;margin:5% 0;border-top:1px solid grey;border-bottom:1px solid grey;font-weight:700}.button-container{display:flex}.button-container button{width:auto}@media only screen and (max-width:720px){.conclusion-board{background-color:var(--cinq-bg-color);position:absolute;width:95%;top:50%;left:50%;border-radius:5px;padding:5% 0;transform:translate(-200%,-150%) scale(0);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.conclusion-board.animate{transform:translate(-50%,-50%) scale(1)}.conclusion-board p{padding:5% 0;margin:5% 0;font-size:1.2rem;border-bottom:none;font-weight:700}.button-container,.conclusion-board p{border-top:1px solid grey}}.score-item{border:2px solid var(--secondary-bg-color);display:flex;font-size:1.1rem;justify-content:center;align-items:center;cursor:pointer;color:var(--quartenary-bg-color)}.score-grid-container{margin:4rem auto 0;display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(2,90px)}.score-item:first-child,.score-item:nth-child(2),.score-item:nth-child(3){border-top:none}.score-item:nth-child(4),.score-item:nth-child(5),.score-item:nth-child(6){border-bottom:none}.score-item:nth-child(3n+1){border-left:none}.score-item:nth-child(3n+3){border-right:none}@media only screen and (max-width:720px){.score-grid-container{margin:4rem auto 0;display:grid;grid-template-columns:repeat(3,95px);grid-template-rows:repeat(2,90px)}}.footer{flex-shrink:0;justify-content:space-evenly;align-items:center;color:var(--quartenary-bg-color);height:7vh;background-color:var(--primary-bg-color);font-size:1.1rem}.footer,.footer .social-media{display:flex}.footer .fas{color:var(--cinq-bg-color)}.footer .social-media .fab{margin-left:2rem;color:var(--quartenary-bg-color)}@media only screen and (max-width:576px){.footer{font-size:1rem}.footer .social-media .fab{margin-left:1rem;color:var(--quartenary-bg-color)}}
/*# sourceMappingURL=main.b08b53dc.chunk.css.map */