@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Rowdies:wght@700&display=swap");*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}html{background-color:#2c2c54}#Intro_Screen{width:100vw;height:100vh;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#Intro_Screen h1{font-family:'Rowdies';color:#f7f1e3;font-size:400%}#Intro_Screen #Rules{width:50%}#Intro_Screen #Rules p{font-family:'lato';font-weight:700;color:#706fd3}#Intro_Screen #Play_Btn{width:25%;height:50px;background-color:transparent;border:2px solid #f7f1e3;color:#f7f1e3;margin:15px;font-family:'lato';font-weight:900;font-size:20px;-webkit-transition:.3s;transition:.3s;outline:none}#Intro_Screen #Play_Btn:hover{background-color:#ff5252;border:none;cursor:pointer}#HomeBtn_Container{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:25%;display:none}#HomeBtn_Container #HomeButton{width:25%;height:50px;background-color:transparent;border:2px solid #f7f1e3;color:#f7f1e3;margin:15px;font-family:'lato';font-weight:900;font-size:14px;-webkit-transition:.3s;transition:.3s;outline:none}#HomeBtn_Container #HomeButton:hover{background-color:#ff5252;border:none;cursor:pointer}#MusicBtns{position:absolute;top:70%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:25%}#MusicBtns #MusicBtnOn,#MusicBtns #MusicBtnOff{width:25%;height:50px;background-color:transparent;border:2px solid #f7f1e3;color:#f7f1e3;margin:15px;font-family:'lato';font-weight:900;font-size:14px;-webkit-transition:.3s;transition:.3s;outline:none}#MusicBtns #MusicBtnOn:hover,#MusicBtns #MusicBtnOff:hover{background-color:#ff5252;border:none;cursor:pointer}#Game_Notifications{font-family:'lato';font-weight:900;font-style:italic;color:#f7f1e3;font-size:150%;text-align:center;position:absolute;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#Game_Container{height:80vh;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[15];grid-template-columns:repeat(15, 1fr);-ms-grid-rows:(1fr)[15];grid-template-rows:repeat(15, 1fr);grid-gap:5px}#Game_Container .Piece{width:100%;background-color:#706fd3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f7f1e3;text-shadow:2px 3px 3px black;font-family:'Rowdies';opacity:0.1}#Game_Container .Piece:hover{background-color:#474787;cursor:pointer}#Game_Container .ValidMove,#Game_Container .Player,#Game_Container .Roadster,#Game_Container .Pinto,#Game_Container .Civic,#Game_Container .Musk{opacity:1}#Game_Container .Visible{opacity:.5}#Game_Container .Visible:hover{cursor:default}#Game_Container .Roadster{background-color:#ff5252}#Game_Container .Pinto{background-color:#34ace0}#Game_Container .Civic{background-color:#33d9b2}#Game_Container .Musk{background-color:#aaa69d}#Game_Container .Player{background-color:#f7f1e3}#Game_Container .Player:hover{background-color:#f7f1e3;cursor:default}#GameOver_Screen{width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f7f1e3;font-size:400%;text-align:center;font-family:'rowdies'}#GameOver_Screen p{font-size:50%;font-family:'lato';font-weight:900}#GameOver_Screen #PlayAgainBtn{width:25%;height:50px;background-color:transparent;border:2px solid #f7f1e3;color:#f7f1e3;margin:15px;font-family:'lato';font-weight:900;font-size:20px;-webkit-transition:.3s;transition:.3s}#GameOver_Screen #PlayAgainBtn:hover{background-color:#ff5252;border:none;cursor:pointer}
/*# sourceMappingURL=main.css.map */