@import url("https://fonts.googleapis.com/css2?family=Indie+Flower&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}#Intro_Screen{width:50%;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;text-align:center;margin:0 auto;color:#212121}#Intro_Screen h1{font-family:'Indie Flower';font-size:50px}#Intro_Screen p{font-family:'Raleway';font-size:15px;margin:10px}#Intro_Screen #Btn_Container{margin:10px;width:100%;color:#212121}#Intro_Screen #Btn_Container button{width:25%;height:35px;font-family:'Raleway';font-weight:900;margin:0 15px;outline:none;border:2px solid #212121;background-color:transparent;-webkit-transition:.3s;transition:.3s}#Intro_Screen #Btn_Container button:hover{background-color:#03A9F4;border-color:#03A9F4;color:white;cursor:pointer}#Players{text-align:center;margin-bottom:35px;font-size:80%}#Players .HoverPiece{position:absolute;top:35px;display:none;border-radius:100%}#Players h2{font-family:'raleway';font-weight:900;margin:10px;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}#Players h2 span{font-weight:500;margin:0 5px}#Players h2 div{border-radius:50%;margin:0 5px}#Game_Container{margin:0 auto;height:80vh;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7, 1fr);grid-column-gap:15px;background-color:#03A9F4;padding:25px;place-items:center}#Game_Container .Col{display:-ms-grid;display:grid;grid-row-gap:15px;-ms-grid-rows:(1fr)[6];grid-template-rows:repeat(6, 1fr);height:100%;width:100%;place-items:center}#Game_Container .Col:hover{cursor:pointer}#Game_Container .Col .Piece{width:100%;border:1px solid #E81123;background-color:white;border-radius:50%}#Winning_Screen{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:rgba(33,33,33,0.8);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#Winning_Screen h1{color:white;font-family:'Raleway';font-weight:900;font-size:350%}#Winning_Screen #Winning_Btn_Container{display:-webkit-box;display:-ms-flexbox;display:flex;place-items:center}#Winning_Screen #Winning_Btn_Container button{height:50px;width:15vw;text-align:center;padding:.5%;margin:1%;outline:none;border:none;background-color:#03A9F4;color:white;font-family:'raleway';font-weight:400;font-size:100%;-webkit-transition:.3s;transition:.3s}#Winning_Screen #Winning_Btn_Container button:hover{cursor:pointer;background-color:#212121}
/*# sourceMappingURL=main.css.map */